HTML <style> -Tag
Beispiele
Mit dem <style> Element in einem HTML-Dokument:
<head>
<style type="text/css">
h1 {color:red;}
p {color:blue;}
</style>
</head>
<body>
<h1>这是一个标题</h1>
<p>这是一个段落。</p>
</body>
</html>
Versuchen »
Browser-Unterstützung
Alle gängigen Browser unterstützen die <style> Tag.
Tag Definitionen und Anleitungen
<Style> -Tag definiert die Art Informationen im HTML-Dokument.
Im <style> Element, können Sie den Browser festlegen, wie das HTML-Dokument zu machen.
Jedes HTML-Dokument kann mehrere <style> -Tag enthalten.
Tipps und Hinweise
Tipp: ein externes Stylesheet zu verknüpfen, verwenden Sie die <link> -Tag.
Tipp: Um mehr über Stylesheets finden Sie in unseren lesen CSS Tutorial .
HINWEIS: Wenn Sie nicht die "scoped" Eigenschaft, die jeweils <style> -Tag auf den Kopf des Kopfbereichs sein muss.
Die Unterschiede zwischen den HTML 4.01 und HTML5
"Scoped" Attribut in HTML 5 ist eine neue Eigenschaft, die uns einen Stil für den angegebenen Teil des Dokuments definieren können, anstatt das gesamte Dokument.
Wenn Sie ein "scoped" Attribut zu verwenden, dann kann der Stil nur auf das angegebene übergeordnete Element Stilelement und seine untergeordneten Elemente angewendet werden.
Immobilien
Neu: HTML5 neue Eigenschaft.
| 属性 | 值 | 描述 |
|---|---|---|
| media | media_query | 为样式表规定不同的媒体类型。 |
| scoped New | scoped | 如果使用该属性，则样式仅仅应用到 style 元素的父元素及其子元素。 |
| type | text/css | 规定样式表的 MIME 类型。 |
globale Eigenschaften
<Style> Tag unterstützt HTML globale Eigenschaften .
Ereigniseigenschaften
<Style> Tag unterstützt HTML Ereigniseigenschaften .
In Verbindung stehende Artikel
HTML Tutorial: HTML die CSS