html,css 豆知識

<コピーペーストについて>

コードをコピーする際は
灰色で四角く囲まれた所を使用してください。

<i class="fas fa-check-circle"></i>
スポンサーリンク

magin相殺

基本的な説明

margin相殺の簡単な説明です。

margin相殺とは、
display:blockのmarginが
上、下に2つ以上重なった時の処理のこと。

上とか下へmarginを入れたのに
marginが入らなかった時は
margin相殺が原因。

さらに詳しく

margin相殺のさらに詳しい説明です。

親要素、子要素でも
marginが同じ場所で重なったら
margin相殺が起きてしまう
という話。

ボックスモデル

ボックスモデルにおける親要素、子要素の混乱

親要素、子要素、width、height、box-sizing
いっぱい出てきた分からなくなったら

親要素に子要素を入れる

と考えたら
分かりやすいかも
という話。

子要素は親要素のcontentに入る

親要素、box-sizingとか
たくさん出てくると

子要素は親要素のどこへ入るのか?
と、混乱してしまいます。

しかし、
どんな時も、
何があっても、
子要素は親要素のcontentに入る
という話。

flex-box
レスポンシブ用のflexboxプロパティ

レスポンシブ用のflexboxプロパティ
flex-basis、flex-grow、flex-shrink
の説明です。

width

height

高さの決め方 heightとbox-sizing

高さを決定するのは
heightだけではなく
box-sizingも関係してくる。

という話。

height=autoとheight=100%の違い

Font Awesome

transform:translate 本体は動かず

アコディオンメニューを作ろう

字下げリストの作り方

タイトルとURLをコピーしました