Heim >Web-Frontend >Front-End-Fragen und Antworten >Was bedeutet HTML inline?
Was bedeutet HTML inline?
- 青灯夜游Original
- 2021-12-14 11:55:533599Durchsuche
HTML inline besteht darin, das Stilattribut in einem bestimmten HTML-Tag zu verwenden, um den CSS-Stil festzulegen, und den CSS-Stilcode in ein HTML-Tag-Element auf der spezifischen Webseite zu schreiben; die Syntax „932e13e7028a95722e783ed0f427193a".
Die Betriebsumgebung dieses Tutorials: Windows 7-System, CSS3- und HTML5-Version, Dell G3-Computer.
HTML inline besteht darin, das Stilattribut in einem bestimmten HTML-Tag zu verwenden, um den CSS-Stil festzulegen, und den CSS-Stilcode in ein HTML-Tag-Element auf einer bestimmten Webseite zu schreiben
Syntax:
<标记 style="样式的属性名1：样式的属性值1；属性名2：属性值2；......"></标记>
Beispiel:
<div style="color:#f00"></div>
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. 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 sieht so aus:
<!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:
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 von Inline:
Inline-CSS muss auf jedes Element angewendet werden.
Empfohlenes Tutorial: „HTML-Video-Tutorial“
Das obige ist der detaillierte Inhalt vonWas bedeutet HTML inline?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!