Was sind die Stilregeln von CSS?-Front-End-Fragen und Antworten-php.cn

Was sind die Stilregeln von CSS?

醉折花枝作酒筹

Freigeben： 2023-01-06 11:13:20

Original

9318 Leute haben es durchsucht

CSS-Stilregeln bestehen aus zwei grundlegenden Teilen: Selektor und Deklarationsblock. Der Selektor bestimmt, auf welche Elemente der Stil angewendet werden soll; der Deklarationsblock definiert den entsprechenden Stil, der in einem Paar geschweifter Klammern enthalten ist und aus einer oder mehreren Deklarationen besteht, und jede Deklaration besteht aus einem Attribut und einem Wert, getrennt durch ein Doppelpunkt offen.

Was sind die Stilregeln von CSS?

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

CSS

Die Abkürzung für Cascading Style Sheet ist CSS, die Abkürzung für English Cascading Style Sheets. Dabei handelt es sich um einen vom W3C definierten und gepflegten Standard, eine Computersprache, die zum Hinzufügen von Stilen (Schriftarten, Abstände, Farben usw.) zu strukturierten Dokumenten (z. B. HTML-Dokumenten oder XML-Anwendungen) verwendet wird.

Übersicht

Sowohl Leser als auch Autoren einer Webseite können CSS verwenden, um Farbe, Schriftart, Layout und andere Anzeigeeigenschaften der Datei zu bestimmen. Der Hauptzweck von CSS besteht darin, die Struktur der Datei (geschrieben in HTML oder anderen verwandten Sprachen) von der Anzeige der Datei (CSS) zu trennen. Diese Trennung hat viele Vorteile:

Die Lesbarkeit der Datei wird verbessert
Die Struktur der Datei ist flexibler
Autoren und Leser können selbst über die Darstellung der Datei entscheiden
Die Struktur Die Darstellung der Datei wird vereinfacht

CSS kann auch andere Anzeigemethoden verwenden, z. B. Ton (sofern der Browser über eine Lesefunktion verfügt) oder sensorische Geräte für Blinde. Darüber hinaus kann CSS mit XHTML, XML oder anderen strukturierten Dateien verwendet werden. Die einzige Bedingung ist, dass der Browser, der solche Dateien anzeigt, CSS akzeptieren kann.

Jede Klasse oder ID in der HTML-Datei kann ihre eigenen Anzeigeeigenschaften haben, und jede HTML-Struktur ohne ID-Eigenschaften kann auch ihre eigenen Anzeigeeigenschaften haben. Einige dieser Strukturen werden von HTML selbst benötigt, andere sind speziell für CSS eingerichtet.

Die Vorteile der Verwendung von CSS sind:

Die Anzeigeinformationen einer gesamten Website oder eines Teils einer Webseite sind an einem Ort konzentriert und können sehr bequem geändert werden.
Verschiedene Leser können sie haben verschiedene Stile, wie z. B. Der Leser benötigt eine größere Schriftart
Der Umfang der HTML-Datei selbst wird kleiner, ihre Struktur ist einfacher, sie muss keine angezeigten Informationen enthalten

Stilregeln

Die Syntax CSS ist einfach, es verwendet eine Gruppe englischer Wörter, die verschiedene Stile und Merkmale darstellen.

Ein Stylesheet besteht aus einer Reihe von Regeln. Jede Regel besteht aus einem „Selektor“ und einem Definitionsteil. Jeder Definitionsabschnitt enthält eine Reihe von Definitionen, die durch ein Semikolon (;) getrennt sind. Dieser Definitionssatz wird zwischen zwei geschweiften Klammern ({}) platziert. Jede Definition besteht aus einem Attribut, einem Doppelpunkt (:) und einem Wert.

Selektor

Normalerweise kann ein Element in einer Datei, wie z. B. ,

, , durch Kommas halber Breite (,) getrennt werden.

Property

CSS1, CSS2 und CSS3 geben viele Eigenschaften an, um den Stil des Selektors zu steuern.

Wert

bezieht sich auf den vom Attribut akzeptierten Einstellungswert, der aus verschiedenen Schlüsselwörtern bestehen kann, die normalerweise durch Leerzeichen getrennt sind.

Wenn Sie Stile für einen Bereich ohne Tags festlegen möchten, können Sie die Tags
verwenden.

Zu den CSS-Stilregeln müssen wir drei Punkte beachten:

Näherungsprinzip

Prioritätsbeziehung, von hoch nach niedrig: Inline-Stil > interner Stil > externer Stil.

Vererbungsprinzip

Bei der Vererbung können die meisten Eigenschaften der Rahmenklasse nicht vererbt werden, z. B. Polsterung, Rand, Hintergrund usw.;

Tabellen können den Stil der übergeordneten Klasse nicht erben.

Überschreibprinzip

Stilkonflikte aufgrund der Vererbung werden vom nächstgelegenen Vorgängerelement übernommen;

Wenn der geerbte Stil mit dem direkt angegebenen Stil in Konflikt steht, erhält der direkt angegebene Stil den Wert;

Wenn die direkt angegebenen Stile in Konflikt stehen, erhält das Element mit der höheren Stilgewichtung den Wert; wenn die Stilgewichte gleich sind, erhält letzteres den Wert

! Wichtige Stilattribute können nicht überschrieben werden.

Empfohlenes Lernen: CSS-Video-Tutorial
Das obige ist der detaillierte Inhalt vonWas sind die Stilregeln von CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!