Einige Tipps zur Verwendung der CSS-Gesamtlayout-Deklaration_Erfahrungsaustausch

Wir sollten gute Codierungsgewohnheiten entwickeln. Die CSS-Gesamtlayoutdeklaration bietet eine Möglichkeit, unseren Code zu vereinfachen und die Betriebseffizienz zu verbessern. Wir listen die am häufigsten verwendeten Formen auf und fügen Erläuterungen hinzu. Die Funktion der Gesamtlayoutdeklaration besteht darin, das Ziel als Ganzes zusammenzufassen und einige identische oder grundsätzlich gleiche Attribute und Werte zu deklarieren, um zu vermeiden, dass sie im nachfolgenden Code in jedem Tag separat definiert werden müssen. Sollten unterschiedliche Attribute und Werte vorhanden sein, können diese später neu definiert werden.

1. Wildcard-Gesamtlayoutanweisung.

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

Diese Art von Aussage gilt für die gesamte Seite. Sie können für Seitenelemente gemeinsame Eigenschaften festlegen. Anstatt jedes Element einzeln deklarieren zu müssen. Im obigen Code deklarieren wir die Ränder und den Abstand auf Null und die Schriftgröße auf 0,8em. Die deklarierten Attribute und Werte werden auf alle Elemente auf der Seite angewendet. Sofern die Werte für Rand, Polsterung und Schriftgröße im nachfolgenden Code nicht erneut definiert werden, werden sie gemäß dieser Definition angezeigt.

2. Getaggte Gesamtanweisung

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

Diese Art von Anweisung gilt für bestimmte XHTML-Tags. Wenn es keine spezielle Definition gibt, gilt diese Aussage. Wir definieren die Hintergrundfarbe und Schriftart des Körpers. Daher gilt es für alle Elemente innerhalb des Körpers, sofern nicht erneut definiert. Das Definitionsprinzip für Absatz p ist dasselbe.

3. Gesamtaussage der Gruppe

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

Diese Art von Aussage gibt die Textfarbe und die Fettschrift von h1, h2, h3 an. In unserem tatsächlichen Betrieb ist dies nicht unbedingt der Fall. Möglicherweise haben einige XHTML-Elemente der Klasse oder ID die gleichen Attribute, und wir können sie für die Codierung gruppieren. Einige Unterschiede können individuell neu definiert werden. Zum Beispiel in diesem http://www.52css.com/article.asp?id=392 Beispiel eines erfrischenden CSS-Formulardesigns mit kleinen Symbolen. Wir verwenden diese Art der Deklaration.
　

Die oben genannten sind einige Nutzungsfähigkeiten und Erfahrungsaustauschinhalte der CSS-Gesamtlayoutdeklaration. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (www.php.cn)!