Heim > Web-Frontend > CSS-Tutorial > Wie bette ich CSS in HTML ein?

Wie bette ich CSS in HTML ein?

青灯夜游
Freigeben: 2019-05-23 18:49:41
Original
7796 Leute haben es durchsucht

Wie bette ich CSS in HTML ein?

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="?"

Inline-Stil

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>
Nach dem Login kopieren

Vorteile:

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 Stil

Funktionen:

1), platziert im Style-Tag