Heim > Web-Frontend > CSS-Tutorial > Woraus besteht der CSS-Stil?

Woraus besteht der CSS-Stil?

醉折花枝作酒筹
Freigeben: 2023-01-07 11:43:31
Original
5752 Leute haben es durchsucht

Der CSS-Stil besteht aus drei Teilen: Selektor, Attribut und Wert. Der Selektor ist normalerweise das HTML-Element oder -Tag, das Sie definieren möchten, die Attribute sind die Eigenschaften, die Sie ändern möchten, und jede Eigenschaft hat einen Wert. Eigenschaften und Werte werden durch Doppelpunkte getrennt und von geschweiften Klammern umgeben, sodass sie eine vollständige Stildeklaration bilden.

Woraus besteht der CSS-Stil?

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

CSS-Syntax besteht aus drei Teilen: Selektor, Attribut und Wert.

selector {property: value}
Nach dem Login kopieren

Selector {Attribut:Attributwert}

Der Selektor (Selektor) ist normalerweise das HTML-Element oder -Tag, das Sie definieren möchten, das Attribut (Eigenschaft) ist das Attribut, das Sie ändern möchten, und jedes Attribut hat einen Wert. Eigenschaften und Werte werden durch Doppelpunkte getrennt und von geschweiften Klammern umgeben, wodurch eine vollständige Stildeklaration entsteht.

Beispiel:

body {color: blue}
Nach dem Login kopieren

Die Funktion der obigen Codezeile besteht darin, die Textfarbe innerhalb des Body-Elements als Blau zu definieren. Im obigen Beispiel ist der Körper der Selektor und der in geschweifte Klammern eingeschlossene Teil ist die Deklaration. Die Deklaration besteht aus zwei Teilen: Attributen und Werten. Farbe ist das Attribut und Blau ist der Wert.

CSS-Code besteht aus Selektoren und einer oder mehreren Deklarationen, die wiederum aus Attributen und Werten bestehen. Man kann auch sagen, dass CSS-Code aus Selektoren, Attributen und Werten besteht, wie zum Beispiel im folgenden Codebeispiel:

选择器 {
    属性1: 值1;
    属性2: 值2;
    ……
}
.div1 {
    width: 100px;
    height: 200px;
}
Nach dem Login kopieren

Selektor .div1

Attributbreitenwert 100px

Attributhöhenwert 200px

Empfohlenes Lernen: css-Video Tutorial

Das obige ist der detaillierte Inhalt vonWoraus besteht der CSS-Stil?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
css
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage