サイズ指定のプロパティ

widthは横幅、heightは高さを指定できる。

セレクタ{
  width: 100px;
  height: 100px;
}

よく使われる最大横幅を指定して中央に配置するレイアウトとしてmax-widthがあります。

セレクタ {
max-width: 1080px;
margin: auto;
}

calc()関数　　単位の違う数値同士の計算を行えます。

プロパティ: calc(式)

例えば
100%から10pxを引いた横幅の半分を指定したい場合

.box-3 {
  width: calc((100% - 10px) / 2);
  height: 50px;
}

色の記法

Flexboxのプロパティ

そのほかに
nowrap（デフォルト値） 折り返し無し
wrap 　　　　　　　　　 折り返し有り
row-gap　　　　　　　　縦方向余白
・
・
・