cssボックスモデル、エッジ折りたたみエッジ相殺、すべての要素を初期化する方法...?
796 ワード
CSSボックス型番
授業中にこの写真を見て理解しました.
ここにはハハハ
一言でpaddingはelementに空白を生じます.
marginは要素と他の要素を白くします.
境界相殺
利益相殺と呼ばれるとても面白い子供を見つけました.
あの….たとえば、CSSでこのような場合:
h 3上の空白ではなく40ですか?
では、マージンは70ですか......?
でもそうなのかな~
両者の中で大40 pxしか適用されません!!><
何も...おもしろい
面白いこともあります.
一番上
各要素は個別に設定されます!
ユドミ川は面白すぎるハハハ
劉徳美最高!!!150強の中では35強くらいしか見えませんでした.
早く闻きたいけどウウウハハ
Javascriptを聞けば本当に助かります
でもjavascriptの総講義は300を超えたようです...わあ...
授業中にこの写真を見て理解しました.
ここにはハハハ
一言でpaddingはelementに空白を生じます.
marginは要素と他の要素を白くします.
境界相殺
利益相殺と呼ばれるとても面白い子供を見つけました.
あの….たとえば、CSSでこのような場合:
h2 {
font-size: 40px;
margin-bottom: 30px;
}
h3 {
font-size: 30px;
margin-bottom: 20px;
margin-top: 40px;
h 2の下の空白は30です.h 3上の空白ではなく40ですか?
では、マージンは70ですか......?
でもそうなのかな~
両者の中で大40 pxしか適用されません!!><
何も...おもしろい
面白いこともあります.
一番上
* {
margin: 0;
padding: 0;
}
このようにすべての子供に空白がないように設定します.各要素は個別に設定されます!
ユドミ川は面白すぎるハハハ
劉徳美最高!!!150強の中では35強くらいしか見えませんでした.
早く闻きたいけどウウウハハ
Javascriptを聞けば本当に助かります
でもjavascriptの総講義は300を超えたようです...わあ...
Reference
この問題について(cssボックスモデル、エッジ折りたたみエッジ相殺、すべての要素を初期化する方法...?), 我々は、より多くの情報をここで見つけました https://velog.io/@pouryourlove/css-박스모델テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol