Heim > Artikel > Web-Frontend > Was ist Inline-CSS?
Was ist Inline-CSS?
- 青灯夜游Original
- 2019-05-31 13:08:398716Durchsuche
Der Inline-Stil dient zum Schreiben von CSS-Stilcode in ein HTML-Tag-Element auf einer bestimmten Webseite. Der Inline-Stil sollte innerhalb eines bestimmten HTML-Tags verwendet werden und das Stilattribut zum Festlegen spezifischer Elemente verwendet werden HTML Der Stil des Markups. Zum Beispiel: d9ec085c0aa06d150336e25a554a53ef16b28748ea4df4d9c2150843fecfba68
Funktionen:
1), Inline-Stile werden in HTML-Elementen 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.
Es wird empfohlen, keine Inline-Stile zu verwenden, da jedes HTML-Tag separat gestaltet werden muss und wenn Sie nur Inline-Stile verwenden, kann es sehr schwierig werden, die Website zu verwalten. In bestimmten Situationen kann es jedoch nützlich sein. Beispielsweise in Situationen, in denen Sie keinen Zugriff auf CSS-Dateien haben oder Stile nur auf ein einzelnes Element anwenden müssen.
Ein Beispiel für eine HTML-Seite mit Inline-CSS lautet wie folgt:
<!DOCTYPE html>
<html>
<body style="background-color:black;">
<h1 style="color:white;padding:30px;">Hostinger Tutorials</h1>
<p style="color:white;">Something usefull here.</p>
</body>
</html>Vorteile von Inline-Stilen:
1 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 von Inline-Stilen:
Inline-CSS muss auf jedes Element angewendet werden.
Das obige ist der detaillierte Inhalt vonWas ist Inline-CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!