widthとmax-widthとmin-widthプロパティの違い
- widthは幅を指定。初期値はauto
- max-widthは最大幅を指定。初期値はnone
- min-widthは最小幅を指定。初期値はauto
※max-widthの初期値とmin-widthの初期値は違うため注意
floatプロパティについて
- 横並びするのに使用
- left指定した要素を左に寄せる
- right指定した要素を右に寄せる
- none（初期値）特に配置を指定しない
- 回り込みを解除するのに、3通りのやり方がある。
- clear: both; プロパティを使用
- clear: both; プロパティを使用（after 疑似要素を使用）
- 親要素に overflow: hidden; プロパティを使用
displayプロパティについて
要素の表示方法は、以下の値で指定
- block ブロック属性（p,div,ul,h1～h6 タグなどの初期値）を指定
- inline インライン属性（a,strong,span タグなどの初期値）を指定
- inline-block インラインブロック属性（img タグなどの初期値）を指定
- none 非表示の属性を指定
- flex block 属性の Flex コンテナを指定
- inline-flex inline-block 属性の Flex コンテナを指定します。
- grid block 属性の Grid コンテナを指定
- inline-grid inline-block 属性の Grid コンテナを指定
