Heim > Web-Frontend > CSS-Tutorial > Was ist das Syntaxformat von CSS?

Was ist das Syntaxformat von CSS?

藏色散人
Freigeben: 2019-06-03 16:41:10
Original
6873 Leute haben es durchsucht

Was ist das Syntaxformat von CSS?

Die Definition von CSS besteht aus drei Teilen: Selektor, Eigenschaften und Eigenschaftswert.

Das Grundformat ist wie folgt:

selector{property:value}, d. h.: (selector {property: value})

Für CSS Die Definition von hat die folgenden Anforderungen:

(1) Attribute und Werte müssen durch Doppelpunkte getrennt werden. Zum Beispiel: body{color:blue}. Der Selektorkörper bezieht sich auf den Hauptteil der Seite, Farbe ist das Attribut, das die Textfarbe steuert, und Schwarz definiert den Farbwert. Der Effekt dieses Beispiels besteht darin, den Text auf der Seite blau zu machen.

(2) Wenn der Wert eines Attributs aus mehreren Wörtern besteht, muss der Wert in Anführungszeichen gesetzt werden. Zum Beispiel: p{font-family:"sans serif"}. In diesem Beispiel ist die Absatzschriftart als serifenlose Schriftart definiert. Der Name der Schriftart besteht aus zwei Wörtern und muss daher in Anführungszeichen gesetzt werden.

(3) Wenn Sie mehrere Attribute für einen Selektor angeben müssen, können Sie Semikolons verwenden, um alle Attribute und Werte zu trennen. Zum Beispiel: p{text-align:center;color:red}. Dieses Beispiel definiert die Anordnung der Absätze im Stück, und der Text in den Absätzen ist rot.

(4) Um das definierte Stylesheet leicht lesbar zu machen, ist es am besten, ein verzweigtes Schreibformat für die Definition des Stylesheets zu verwenden. Zum Beispiel:

{
  text-align:center;
  color:black;
  font-family:arial
}
Nach dem Login kopieren

Dieses Beispiel definiert die Absatzanordnung im Stück. Der Text im Absatz ist schwarz und die Schriftart ist Arial.

Das obige ist der detaillierte Inhalt vonWas ist das Syntaxformat von CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
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