【プログラミング】今日の学び

box-sizing

通常widthとheightにはpaddingとborderが含まれていないが、含まれるようにするときに使う。

calc()

使い方：width: calc((100% - 40px) / 3)

※演算子の前後には半角空白を入れる。

text-shadow

box-shadowのやり方と同じで文字に影がつけられる。

※４番目の値はつけられない。

セレクター種類

①要素型セレクター　h1　<h1>...</h1>

②classセレクター　info　<p class="info">...</p>　

　同じページ内で同じ値を使ってはいけない。複数の値を指定することはできない。

　空白を含めてはいけない→class属性のように

③idセレクター　#ok　<button id="ok">...</button>

④属性セレクター　[href]　<a href="about.html">...</a>

⑤全称セレクター　*　すべての要素にスタイルをつけることができる。