Es gibt drei Hauptmöglichkeiten, CSS-Stile in HTML einzubetten:
1. Legen Sie das -Attribut des Tags fest Das sogenannte
2. Verwenden Sie das Tag
, das als eingebetteter Stil bezeichnet wird wird als eingebetteter Stil externes Stylesheet bezeichnet.Einfache Stylesheets ändern normalerweise das Erscheinungsbild von HTML-Tags wie
. Bei der Verwendung von CSS-Dateien oder Stylesheets in Header-Dateien können wir auch Stilklassen definieren und diese mithilfe des Attributs auf jedes Element anwenden. Dies würde jedoch den Rahmen dieser einfachen Anleitung sprengen.class="?"
Funktionen:
1), der Inline-Stil wird im HTML-Element im Code platziert.
2) Bei Verwendung von Inline-Stilen wirken sich die Stile nur auf die von Ihnen ausgewählten Elemente aus.
3), Inline-Stile haben keine Selektoren
Hinweis: In HTML definierte Inline-Stile gelten nur für die Tags, denen sie hinzugefügt werden.
<p style="color:red;">Some red text</p>
1. Sehr nützlich, wenn Sie Änderungen testen und in der Vorschau anzeigen möchten.
2. Sehr nützlich für eine schnelle Reparatur.
3. Reduzieren Sie HTTP-Anfragen.
Nachteile:
Inline-CSS muss auf jedes Element angewendet werden.
Eingebetteter StilFunktionen:
1), platziert im Style-Tag