共通クラス
共通クラスを設定し、まとめてスタイルを当てると記述量が減ってすっきりする
隣接セレクタなども利用するとよい
リセットCSS
ブラウザに最初から設定されているスタイルを初期化する
aタグなら下線などが入っているので
text-decoration: none;で非表示にできる
aタグはインライン要素なので
display: block;でブロック要素にして使うこともある
::before ::after疑似要素
疑似要素を使うときはまず
content: “”;
display: block; もしくはinline-block を使用する
beforeは先頭にafterは最後尾にくる
positionで位置指定するときは
position: absolute;で top leftを使って移動させる
注意点 親要素にposition: relative;を記述しておかないと、大外枠の端っこが初期位置になるので、必ず記述する
今日のひるごはん
