-
HTML
- nav → リンクなどのまとめをする
-
CSS
- カスケード:CSSの順番 あと勝ちになる、!importantで最優先で指定できる ※importantはあまり推奨されない
- スコアリング:インラインスタイル(HTML上に書くやつstyle)>id>class>何もない(h1)
- inherit:親クラスのプロパティを継承する
- initial:ブラウザのデフォルト値が適用される
- unset:inheritがあったらinheritが適用され、なければinitialが適用される
- all:unset:すべてのプロパティをクリアできる
- ユニバーサルセレクター:*などすべてに適用されるセレクター
- ^ これは前方一致
- * これは部分一致
- $ これは後方一致
- first-of-type:一番最初のやつにスタイル適用
- nth-of-type(2):何番目か指定する事ができる
- :hoverでマウスカーソルを当てたときに色がかわる
- ::after 要素のあとになにか追加
- ::before 要素の前になにか追加
- ::first-line 最初の行のみ
- ::first-letter 最初の文字のみ
- 子孫結合子をあまり長くするのは良くない
- > 子結合子 直下のスタイリング
- + 隣接兄弟結合子 次の要素からスタイリング的に書き方ができる、簡潔にかける、2番目の要素からスタイリングしたいときに使ったりする
- 〜 一般兄弟結合子 前の要素のあとからスタイリング、あまり使わない
- マージン相殺というものがある
- box-sizing: border-box;を指定するとwidthとheightで指定した値でできる(padding,marginの影響を受けない)
ブロック要素とインライン要素の違い
※display: inline;でインライン要素に変えることもできる
※display: block;でブロック要素に変えることもできる(imgはインラインなのでよく使われる)
※display: inline-block;でインラインとブロック要素に変えることもできる
- 改行されるかどうか
- ブロック要素にはwidth,height要素が効くがインライン要素には効かない
- インラインはmargin,padding,borderがきたときに他の要素のことを考えません。