Heim >Web-Frontend >Front-End-Fragen und Antworten >CSS unterteilt Overlay-Stile in drei Typen
Drei Arten von CSS-Overlay-Stilen: 1. Inline-Stil, schreiben Sie den Stilcode in das Stilattribut des HTML-Tags 2. Inline-Stil, schreiben Sie den Stilcode in die Seite „c9ccee2e6ea535a969eb3f532ad9fe89“ style>“-Tag-Paar; 3. Externer Stil, schreiben Sie den Stilcode in eine separate „.css“-Datei.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
Um die Stile von Webseitenelementen zu bereichern und den Inhalt und Stil von Webseiten zu trennen, wurde CSS aus dieser Idee geboren. CSS ist die Abkürzung für Cascading Style Sheets, was kaskadierende Style Sheets bedeutet. Mit CSS werden die meisten Tags, die Stile in HTML ausdrücken, nicht mehr benötigt. HTML ist nur noch für die Struktur und den Inhalt des Dokuments verantwortlich, und die Darstellung wird vollständig CSS überlassen, wodurch HTML-Dokumente prägnanter werden.
CSS wird hauptsächlich zum Entwerfen des Stils von Webseiten und zum Verschönern von Webseiten verwendet. Es kann Webseiten nicht nur statisch ändern, sondern auch verschiedene Elemente von Webseiten in Verbindung mit verschiedenen Skriptsprachen dynamisch formatieren.
CSS kann das Layout von Elementpositionen in Webseiten präzise auf Pixelebene steuern, unterstützt fast alle Schriftgrößenstile und verfügt über die Möglichkeit, Webseitenobjekte und Modellstile zu bearbeiten.
CSS-Stile umfassen hauptsächlich drei Typen: Inline-Stile (Inline-Stile), interne Stile (Inline-Stile) und externe Stile (Gliederungsstile).
1. Inline-Stil:
innerhalb der Struktur, d. h. der Stil, der im Anfangsteil des Tags geschrieben ist, im Stilattribut.
Beispiel:
<标记 style="样式的属性名1:样式的属性值1;属性名2:属性值2;......"></标记>
2. Interner 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 einer oder mehreren externen Stylesheet-Dateien mit der Erweiterung .css
abzulegen. Ein CSS-Stylesheet-Dokument stellt ein externes Stylesheet dar.
Externe Stylesheets müssen in Webdokumente importiert werden, bevor sie vom Browser erkannt und analysiert werden können. Externe Stylesheet-Dateien können auf zwei Arten in HTML-Dokumente importiert werden. ?? In der Stylesheet-Datei können Sie eine relative oder eine absolute Adresse angeben. Das Attribut
rel definiert das zugehörige Dokument, also hier das zugehörige Stylesheet. Das Attribut
Verwenden Sie das Schlüsselwort @import im Tag c9ccee2e6ea535a969eb3f532ad9fe89, um die externe Stylesheet-Datei zu importieren:
<link href="css文件路径" rel="stylesheet" type="text/css" />
(Teilen von Lernvideos:
CSS-Video-TutorialDas obige ist der detaillierte Inhalt vonCSS unterteilt Overlay-Stile in drei Typen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!