So führen Sie CSS in HTML ein-CSS-Tutorial-php.cn

Es gibt vier Hauptmethoden, um CSS in HTML einzuführen: Inline, eingebettet, verlinkt und importiert.

1. Inline-Stil Beim Inline-Stil wird der CSS-Stil im Stilattribut des Tags festgelegt. Diese Methode spiegelt nicht die Vorteile von CSS wider und wird nicht empfohlen. 2. Eingebettet Eingebettet ist das gemeinsame Schreiben von CSS-Stilen in das Tag-Paar Das Format ist wie folgt:

& lt; head & gt; Einzelne Webseiten können die Verwendung von Einbettungen in Betracht ziehen.

3. Importieren Sie eine unabhängige CSS-Datei. Der Import verwendet CSS-Regeln, um externe CSS-Dateien einzuführen . Die verwendete Grammatik ist wie folgt:

& lt; style type = "text/css" & gt; Datei & Lt;/style & gt; Die Importformel wird mit CSS-Dateien geladen, nachdem die gesamte Webseite geladen wurde, was zu einem Problem führt Ein Blitz, der Webseitenstil erscheint wieder. Dies ist ein inhärenter Importfehler.

4. Der Linktyp führt ebenfalls eine .css-Datei in die HTML-Datei ein, unterscheidet sich jedoch vom Importtyp darin, dass der Linktyp HTML-Regeln verwendet, um externe CSS-Dateien einzuführen, die in der der Webseite ; Verwenden Sie das -Tag im Tag-Paar. Die Syntax lautet wie folgt:

Bei Verwendung des Linktyps unterscheidet er sich vom Importtyp darin, dass die CSS-Datei vor dem Laden geladen wird Der Hauptteil der Webseitendatei, sodass die angezeigte Webseite von Anfang an einen Stileffekt hat. Es wird nicht zuerst die nicht gestaltete Webseite und dann die gestaltete Webseite angezeigt. Dies ist der Vorteil des Links Typ.

Zusammenfassung: Im Allgemeinen werden Stile beim Erstellen einer Website meist in mehreren Stylesheet-Dateien geschrieben. Daher verwenden wir zunächst einen Link, um eine allgemeine CSS-Datei einzuführen, und verwenden dann die Importmethode in dieser CSS-Datei Führen Sie andere CSS-Dateien ein. Wenn Sie CSS-Dateien jedoch dynamisch über JavaScript einführen, können Sie nur die Verknüpfung verwenden.

Weitere Möglichkeiten zur Einführung von CSS in HTML finden Sie auf der chinesischen PHP-Website für verwandte Artikel!