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 „“ style>“-Tag-Paar; 3. Externer Stil, schreiben Sie den Stilcode in eine separate „.css“-Datei. </p></blockquote> <p><img src="https://img.php.cn/upload/article/202112/09/2021120916130419320.jpg" alt="CSS unterteilt Overlay-Stile in drei Typen" ></p> <p>Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer. </p> <p>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. </p> <p>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. </p> <p>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. </p> <p><strong>CSS-Stile umfassen hauptsächlich drei Typen: Inline-Stile (Inline-Stile), interne Stile (Inline-Stile) und externe Stile (Gliederungsstile). </strong></p> <p><strong>1. Inline-Stil: </strong></p> <p> innerhalb der Struktur, d. h. der Stil, der im Anfangsteil des Tags geschrieben ist, im Stilattribut. </p> <p>Beispiel: </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><标记 style="样式的属性名1：样式的属性值1；属性名2：属性值2；......"></标记></pre><div class="contentsignin">Nach dem Login kopieren</div></div><p><strong>2. Interner Stil (eingebetteter Stil): </strong></p><p> wird in die HTML-Seite geschrieben, im Head-Tag gespeichert und der Stil wird im Style-Tag geschrieben. </p><p>Beispiel: </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><style> 选择器 {属性名：属性值；属性名：属性值；......} Nach dem Login kopieren3. 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 type definiert den Typ der importierten Datei. Wie das Style-Element gibt text/css eine CSS-Textdatei an. 2) Verwenden Sie zum Importieren das Schlüsselwort @import. Verwenden Sie das Schlüsselwort @import im Tag , um die externe Stylesheet-Datei zu importieren: </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><link href="css文件路径" rel="stylesheet" type="text/css" /></pre><div class="contentsignin">Nach dem Login kopieren</div></div>Verwenden Sie nach dem Schlüsselwort @import die Funktion url() um die spezifische Adresse der externen Stylesheet-Datei einzuschließen. <li> <p>(Teilen von Lernvideos: </p>CSS-Video-Tutorial</li>)
