HTML/CSS 〜Progate 中級編（トップ部分のレイアウト・背景画像の設定）〜
ついに入りました、未知の領域…
否、有料会員の領域★
Progateは月額980円で有料学習へ進みます。
ここでは、入って早速、ワタクシが数日前に超挫折していた『背景画像の設定』もあっっっさり★解説くださっています。980円の価値★（お金にしつこいですね。）
有料会員登録をするにあたり、特に今は沢山の学習うサイトや案内広告が出ているので、色々見てみましたが、私にはProgateの学習方法・進め方・案内されたツールの使いやすさ・随所で垣間見える開発者さんの優しさが合っていると感じたので、Progateで自分投資をしてみようと思いました。
※Progateの会社案内や代表者さんの記事等も見ました。
【背景画像設定に関するメモ】
🌸background-size: cover;（一枚の画像で表示範囲を埋め尽くすように拡大縮小性設定可能）
🌸margin:0 auto;（中央寄せ時に必要）※上下設定は❌
※width: px;（必ず必要な設定）
｟css｠
🌸.container{width,padding,margin auto}→左上にフォントがまとまって表示
※background-colorで設定している範囲を確認
※困った…padding設定値の感覚が掴めない。→今後の課題
🌸.top-wrapper{padding}→文字を中央部に寄せて、いよいよ背景画像の挿入
※backgroundーimage：url( )
これにて、本日の朝学習終了！
次回は「透明度と文字間隔」の学習٩( 'ω' )و
この記事が気に入ったらサポートをしてみませんか？