Heim  >  Artikel  >  Web-Frontend  >  Hinweise zur CSS-Studie: Definition und Verwendung von Parametern im Padding-Attribut_Erfahrungsaustausch

Hinweise zur CSS-Studie: Definition und Verwendung von Parametern im Padding-Attribut_Erfahrungsaustausch

WBOY
WBOYOriginal
2016-05-16 12:05:541479Durchsuche

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.

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn