Maison > interface Web > tutoriel CSS > Notes d'étude CSS : Définition et utilisation des paramètres dans l'échange d'attributs Padding_Experience

Notes d'étude CSS : Définition et utilisation des paramètres dans l'échange d'attributs Padding_Experience

WBOY
Libérer: 2016-05-16 12:05:54
original
1512 Les gens l'ont consulté

J'ai toujours été assez confus quant à la définition du nombre de paramètres dans l'attribut Padding en CSS, par exemple :
body { padding: 32px;}
body { padding: 32px 24px }
body {; padding: 32px 24px 18px ; }
body { padding: 32px 24px 18px 12px; }

Aujourd'hui, Baidu a consulté le document standard CSS, qui stipule ceci :
Si un seul est fourni, il le sera utilisé pour les quatre côtés
Si deux sont fournis, le premier est pour le haut et le bas, et le second est pour la gauche-droite
Si trois sont fournis, le premier est pour le haut et le deuxième ; le deuxième est pour gauche-droite, le troisième est pour le bas
Si les quatre valeurs de paramètres sont fournies, il agira sur les quatre côtés dans l'ordre haut-droit-bas-gauche.
body { padding: 36px;} // Les marges du patch sur les quatre côtés de l'objet sont de 36px
body { padding: 36px 24px; }
//Les marges du patch sur les côtés supérieur et inférieur sont 36px, et les patchs sur les côtés gauche et droit sont de 36px.
body { padding: 36px 24px 18px; }
//Les marges du patch sur les côtés supérieur et inférieur sont respectivement de 36px et 18px, et les marges du patch sur les côtés gauche et droit sont de 24px
body { padding: 36px 24px 18px 12px }
//Les marges du patch supérieure, droite, inférieure et gauche sont respectivement de 36px, 24px, 18px, 12px

Faire une marque, j'avais oublié.

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal