CSSの学習中頻出プロパティ一覧
cssを学習していてこれよく見るし使うなーというプロパティを個人的にまとめてみた
文字の装飾系
- color
- 文字色変更
- font-size
- 文字のサイズ変更
- font-width
- 文字の太さ変更
- font-family
- 文字の表示フォント設定、メイリオ/sans-serif/ヒラギノ角ゴの３つを設定しておけば、どんなOSでもブラウザでも大体カバーできる
- list-style
- 文字ではないがliタグで囲んだリストの先頭の点とか消したりできる
HTML要素の大きさ・配置系
- height
- 要素の高さ指定
- width
- 要素の横幅指定
- position
- 絶対位置をrelativeで決めて、相対的な位置をabsoluteで指定する事が多い
- display
- flexboxを学習してるとめちゃめちゃ出てくる、表示形式の指定、とりあえずflex指定しとけば何とかなる
- background-color
- 背景色の指定、要素の大きさが検証使わなくてもわかるため重宝する
余白系
- margin
- 要素の一番外側の余白を指定できる
- padding
- 要素の中の余白を指定できる
- border
- marginとpaddingの間の領域を指定できる、要素に枠線引いたりするのに便利
- top,right,bottom,left
- プロパティで使うこともあるが（positionとか）、余白系であれば余白を取りたい方向の指定に各プロパティの後に付けて使う