CSS
セレクター
/* コメント */
複数セレクタ指定はコンマ,
h2, h3 { color: red; }
セレクタの絞り込みはスペース
main p span { color: orange; }
main内のp内のspanだけを指定
要素.クラス名で指定
li.second { color: red; }
<li class="second">2番目の項目</li>にだけ適用
子結合子
main > h2 { color: orange; }
main直下のh2だけを指定
メモ
ブラウザの画面幅100vw
ブラウザの画面高さ100vh
em一番近い親のフォントサイズが 1em
rem一番祖先のフォントサイズが 1rem
object-fit
ボックスモデル