Quelques conseils pour utiliser la déclaration de mise en page globale CSS_Experience Exchange

Nous devons développer de bonnes habitudes de codage. La déclaration de mise en page globale CSS fournit un moyen de simplifier notre code et d'améliorer l'efficacité opérationnelle. Nous listons les formulaires les plus couramment utilisés et ajoutons des explications. La fonction de la déclaration de mise en page globale est de résumer l'objectif dans son ensemble et de déclarer des attributs et des valeurs identiques ou fondamentalement identiques, afin d'éviter d'avoir à les définir séparément dans chaque balise du code suivant. S'il existe des attributs et des valeurs différents, ils peuvent être redéfinis ultérieurement.

1. Déclaration de mise en page globale Wildcard.

* { 
margin:0; 
padding:0; 
font-size:0.8em; 
... 
}

Ce type de déclaration concerne la page entière. Vous pouvez définir des propriétés communes aux éléments de la page. Au lieu d'avoir à déclarer chaque élément individuellement. Dans le code ci-dessus, nous déclarons que les marges et le remplissage sont nuls et que la taille de la police est de 0,8 em. Les attributs et valeurs déclarés sont appliqués à tous les éléments de la page. À moins que les valeurs de margin, padding et font-size ne soient à nouveau définies dans le code suivant, elles seront affichées selon cette définition.

2. Déclaration globale balisée

body { 
background:#fff; 
font-family: Courier, "Courier New", monospace; 
} 
或 
p { 
background:#fff; 
font-family: Courier, "Courier New", monospace; 
}

Ce type de déclaration est destiné à certaines balises xhtml. S'il n'y a pas de définition particulière, cette déclaration s'appliquera. Nous définissons la couleur de fond et la police du corps. Par conséquent, il s’applique à tous les éléments du corps, sauf définition à nouveau. Le principe de définition du paragraphe p est le même.

3. Déclaration globale du groupe

h1,h2,h3 {color:#00f; font-weight:100;}

Ce type de déclaration indique la couleur du texte et la police en gras de h1, h2, h3. Dans notre fonctionnement actuel, ce n'est pas nécessairement le cas. Peut-être que certains éléments xhtml de class ou id ont les mêmes attributs, et nous pouvons les regrouper pour le codage. Certaines différences peuvent être redéfinies individuellement. Par exemple, dans cet http://www.52css.com/article.asp?id=392 exemple d'une conception de formulaire CSS rafraîchissante avec de petites icônes. Nous utilisons ce type de déclaration.
　

Ce qui précède présente quelques compétences d'utilisation et le contenu d'échange d'expériences de la déclaration de mise en page globale CSS. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois (www.php.cn) !