僕のCSS

自分用の備忘録

基本の形

@charset"UTF-8";セレクタ{プロパティ:値}

セレクタ別指定の仕方

要素名{}.class名{}#id名{}セレクタ1>セレクタ2{}/*子セレクタ*/セレクタ1セレクタ2{}/*子孫セレクタ*/セレクタ1,セレクタ2{}/*複数の要素に*/

セレクタの優先順位

1:!important
2:タグのstyle属性
3:idセレクタ
4:classセレクタ
5:要素セレクタ
6:全称セレクタ *{}ってやつ
7:ブラウザ初期値

設定

background-color:背景色
border-bottom:下線
color:文字色
font-family:字体
font-size:文字サイズ
- rem
- px
font-weight:文字の重さ
line-height:行の高さ。1.0とか2.0とか
margin
margin-bottom:下の外余白
padding:内余白
text-align:文字揃え