Welche Arten von Stilen gibt es in CSS?

CSS verfügt über drei Arten von Stilen: 1. Inline-Stil, der sich innerhalb der Struktur befindet, dh der im Tag geschriebene Stil; 2. Externer Stil besteht darin, alle Stile in einen oder mehrere Stile mit [.css] einzufügen ] als Erweiterung. Benannte externe Stylesheet-Datei. 3. Inline-Stile werden in die HTML-Seite geschrieben und im Head-Tag gespeichert.

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3-Version, DELL G3-Computer.

CSS-Stile umfassen hauptsächlich die folgenden drei Typen:

1. Inline-Stil: innerhalb der Struktur, d. h. der Stil, der innerhalb des Tags im Stilattribut geschrieben wird.

Beispiel:

<标记 style="样式的属性名1：样式的属性值1；属性名2：属性值2；......"></标记>

2. Inline-Stil (eingebetteter Stil): Wird in die HTML-Seite geschrieben, im Head-Tag gespeichert und der Stil wird im Style-Tag geschrieben.

Beispiel:

<style>选择器 {属性名：属性值；属性名：属性值；......}</style>

3. Externer Stil (externer Stil):

Externer Stil bedeutet, alle Stile in eine oder mehrere externe Stylesheet-Dateien mit der Erweiterung „.css“ einzufügen Das grundlegende Syntaxformat lautet wie folgt:

<link type="text/css" rel="stylesheet" href="css/main.css" />

In der obigen Syntax werden die Attribute des 2cdf5bf648cf2f33323966d7f58a7f3f 标记需要放在93f0f5c25f18dab9d176bd4f6de5d30e头部标记中，并且必须指定c88766e8e98f17593dff2d30c01c03cf-Tags wie folgt beschrieben.

• href: Definiert die URL der verknüpften externen Stylesheet-Datei, die ein relativer Pfad oder ein absoluter Pfad sein kann.

• Typ: Definieren Sie den Typ des verknüpften Dokuments, der hier als „text/css“ angegeben werden muss, um anzuzeigen, dass es sich bei der verknüpften externen Datei um ein CS-Stylesheet handelt.

• rel: Definieren Sie die Beziehung zwischen dem aktuellen Dokument und dem verknüpften Dokument. Es muss hier als „Stylesheet“ angegeben werden, um anzugeben, dass es sich bei dem verknüpften Dokument um eine Stylesheet-Datei handelt.

Der externe Stil ist das am häufigsten verwendete und praktischste CSS-Stylesheet, da er HTML-Code und CSS-Code in zwei oder mehr Dateien aufteilt und so eine vollständige Trennung von Struktur und Stil erreicht, was die Vorproduktion von Webseiten und die anschließende Erstellung erleichtert Wartung sind sehr praktisch.

Verwandte Tutorial-Empfehlungen: CSS-Video-Tutorial

Das obige ist der detaillierte Inhalt vonWelche Arten von Stilen gibt es in CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!