Heim > Artikel > Web-Frontend > Hinweise zur CSS-Studie: Definition und Verwendung von Parametern im Padding-Attribut_Erfahrungsaustausch
Ich war immer ziemlich verwirrt über die Definition der Anzahl der Parameter im Padding-Attribut in CSS, zum Beispiel:
body { padding: 32px;}
body { padding: 32px 24px }
body { padding: 32px 24px 18px ; Wird für alle vier Seiten verwendet.
Wenn zwei vorhanden sind, ist die erste für oben-unten und die zweite für links-rechts.
Wenn drei vorhanden sind, ist die erste für oben und die andere der zweite ist für links-rechts-rechts, der dritte ist für unten
Wenn alle vier Parameterwerte angegeben sind, wirkt er auf den vier Seiten in der Reihenfolge oben-rechts-unten-links.
body { padding: 36px;} // Die Patch-Ränder auf allen vier Seiten des Objekts sind 36px
body { padding: 36px 24px }
//Die Patch-Ränder auf der Ober- und Unterseite sind 36px, und die Patches auf der linken und rechten Seite sind 36px groß
body { padding: 36px 24px 18px }
//Die Patchränder auf der oberen und unteren Seite sind 36px bzw. 18px groß. und die Patch-Ränder auf der linken und rechten Seite sind 24px
body { padding: 36px 24px 18px 12px }
//Die oberen, rechten, unteren und linken Patch-Ränder sind jeweils 36px, 24px, 18px, 12px
Mach dir ein Zeichen, ich habe es vergessen.