ホームページ > 記事 > ウェブフロントエンド > CSS 学習メモ: Padding 属性のパラメーターの定義と使用_Experience 交換
私はいつも、CSS の Padding 属性のパラメータ数の定義について非常に混乱しています。たとえば、次のようになります。
body { padding: 32px;}
body { padding: 32px 24px; }
body { padding: 32px 24px 18px ; }
body {padding: 32px 24px 18px 12px; }
本日、Baidu は次のことを規定する CSS 標準ドキュメントを閲覧しました。
1 つだけ指定すると、次のようになります。 4 つの側面すべてに使用されます。
2 つ指定された場合、1 つ目は上下用、2 つ目は左右用です。
3 つ指定された場合、1 つ目は上部、2 つ目は左右用です。は左-右右用、3 番目は下用です。
4 つのパラメータ値がすべて指定されている場合、上-右-下-左の順序で 4 つの側面に作用します。
body {padding: 36px;} //オブジェクトの 4 辺すべてのパッチ マージンは 36px です。
body {padding: 36px 24px; }
//上辺と下辺のパッチ マージンは36px、左側と右側のパッチは 36px、マージンは 24px
body {padding: 36px 24px 18px; }
//上側と下側のパッチのマージンはそれぞれ 36px と 18px、左側と右側のパッチ マージンは 24px です。
body {padding: 36px 24px 18px 12px; }
//上、右、下、左のパッチ マージンはそれぞれ 36px、24px、18px、12px です。
マークを付けてください、忘れていました。