2020/06/03 プログラミング(フロントエンド)学習4日目 メモ

本日の学習範囲

ドットインストール

・はじめてのCSS #08〜#10
（学習時間：1.5時間）

CSS学習メモ

Flexbox

Flexible Box Layout Moduleの略。
ボックスを柔軟にレイアウトできる

displayプロパティ

{display: ○○;}
要素の表示形式を指定する
{display: flex;}
で指定した要素の子要素を横並びにする

border-radiusプロパティ

{border-radius: 長さor○%}
ボックスの四つ角の角丸をまとめて指定する
%は指定された要素の幅と高さに基づいたものになる
{border-radius: 50%}
の場合、正円になる

border-styleプロパティ

{border-style: ○○;}
ボーダーのスタイルをまとめて指定する
{border-style: solid;}
の場合、一本の実線になる

font-weightプロパティ

{font-weight: ○○;}
フォントの太さを指定する
{font-weight: normal;}
の場合、通常の太さになる