So fügen Sie CSS in eine HTML-Datei ein-HTML-Tutorial-php.cn

So fügen Sie CSS in eine HTML-Datei ein: 1. Fügen Sie CSS direkt zum Style-Attribut im HTML-Tag hinzu. 2. Schreiben Sie CSS unter das Style-Tag im HTML-Header. 3. Verwenden Sie das Head-Tag, um externe CSS-Dateien einzuführen. 4. Verwenden Sie CSS-Regeln, um externe CSS-Dateien einzuführen.

So fügen Sie CSS in eine HTML-Datei ein

Die Betriebsumgebung dieses Artikels: Windows 7-System, HTML5- und CSS3-Version, DELL G3-Computer

So führen Sie CSS in HTML ein

Es gibt 4 Möglichkeiten, CSS in HTML einzuführen. Zwei davon dienen dazu, CSS-Code direkt in die HTML-Datei einzufügen, und die anderen beiden dienen dazu, externe CSS-Dateien einzuführen. Werfen wir einen Blick auf diese Methoden und ihre Vor- und Nachteile.

Inline-Methode

Die Inline-Methode bezieht sich auf das direkte Hinzufügen von CSS zum Stilattribut im HTML-Tag.

Beispiel:

<div style="background: red"></div>

Nach dem Login kopieren

Dies ist normalerweise eine schlechte Schreibweise, sie ändert nur den Stil des aktuellen Tags. Wenn Sie möchten, dass mehrere

denselben Stil haben, müssen Sie ihn für jeden

wiederholen ; ; Den gleichen Stil hinzufügen. Wenn Sie einen Stil ändern möchten, müssen Sie den Code in allen Stilen ändern. Offensichtlich führt die Inline-Einführung von CSS-Code dazu, dass der HTML-Code ausführlicher wird und die Wartung der Webseite erschwert wird.

Einbettungsmethode

Einbettungsmethode bezieht sich auf das Schreiben von CSS-Code unter dem