“ 2. Verwenden Sie zum Hinzufügen das Style-Tag, die Syntax lautet „"; 3. Verwenden Sie das Hinzufügen von Link-Tags. Die Syntax lautet „"."/> “ 2. Verwenden Sie zum Hinzufügen das Style-Tag, die Syntax lautet „"; 3. Verwenden Sie das Hinzufügen von Link-Tags. Die Syntax lautet „".">
Heim > Artikel > Web-Frontend > Welche Methoden werden zum Hinzufügen von Stilen in HTML5 verwendet?
Methode: 1. Verwenden Sie zum Hinzufügen das Style-Attribut. Die Syntax lautet „
“. 2. Verwenden Sie zum Hinzufügen das Style-Tag. Die Syntax lautet „ "; 3. Verwenden Sie zum Hinzufügen das Link-Tag. Die Syntax lautet "".
Die Betriebsumgebung dieses Tutorials: Windows 10-System, HTML5-Version, Dell G3-Computer.
Was sind die Methoden zum Hinzufügen von Stilen in HTML5?
Erstellen Sie zunächst ein neues Übungsprojekt html_practise, das das grundlegende Verzeichnis html+css+js enthält. Erstellen Sie dann eine weitere HTML-Datei und öffnen Sie sie.
Der erste Inline-Stil: Verwenden Sie das Stilattribut, um Stile direkt innerhalb des div-Tags hinzuzufügen. Es wird im Allgemeinen verwendet, wenn einzelne Elemente spezielle Stile anzeigen, wie unten gezeigt.
Der zweite Typ eines internen Stylesheets: Verwenden Sie das Style-Tag im Kopfbereich, um ein internes Stylesheet zu definieren, das im Allgemeinen auf eine einzelne Datei angewendet wird, wie unten gezeigt.
Das dritte externe Stylesheet: Verwenden Sie den Link-Tag im Header, um einen externen Verweis auf den Stil zu erstellen. Diese Methode trennt die Seite und den Stil und eignet sich für die Anwendung auf mehreren Seiten.
Hinweise
1 Die drei Methoden zum Hinzufügen von Stilen haben die gleiche Wirkung.
2. Inline-Stile zeigen den Stil eines einzelnen speziellen Elements an, interne Stile zeigen den Stil einer einzelnen Datei an und externe Stylesheets, die auf mehrere Seiten angewendet werden, stimmen besser mit den Seitentrennungsgewohnheiten überein.
Empfohlenes Tutorial: „HTML-Video-Tutorial“
Das obige ist der detaillierte Inhalt vonWelche Methoden werden zum Hinzufügen von Stilen in HTML5 verwendet?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!