Beispiel
Die Verwendung des <style> Element in einem HTML - Dokument:
<html>
<head>
<style>
h1 {color:red;}
p {color:blue;}
</style>
</head>
<body>
<h1>A heading</h1>
<p>A paragraph.</p>
</body>
</html>
Versuch es selber " Definition und Verwendung
Die <style> Tag wird verwendet , Stilinformationen für ein HTML - Dokument zu definieren.
Innerhalb des <style> Element angeben , wie Sie HTML - Elemente in einem Browser machen sollte.
Jedes HTML - Dokument kann mehrere enthalten <style> Tags.
Browser-Unterstützung
| Element | |||||
|---|---|---|---|---|---|
| <style> | ja | ja | ja | ja | ja |
Tipps und Hinweise
Tipp: Um eine Verknüpfung zu einem externen Stylesheet, verwenden Sie die <link> -Tag.
Tipp: Um mehr über Stylesheets finden Sie in unseren lesen CSS Tutorial .
Hinweis: Wenn die "scoped" Attribut nicht verwendet wird, jeweils <style> Tag muss im Kopfbereich befinden.
Unterschiede zwischen HTML 4.01 und HTML5
Die "scoped" Attribut ist neu in HTML5, die Stile für einen bestimmten Abschnitt des Dokuments zu definieren. Wenn die "scoped" Attribut vorhanden ist, gelten die Stile nur auf das übergeordnete Element des Stilelement und dieses Kindes Element Elemente.
Attribute
= Neu in HTML5.
| Attribut | Wert | Beschreibung |
|---|---|---|
| media | media_query | Gibt an, welche Medien / Gerät die Medienressource für optimiert |
| scoped | scoped | Gibt an, dass nur die Stile auf dieses Element des übergeordneten Elements gelten und dass Kind-Elemente des Elements |
| type | text/css | Gibt den Medientyp des <style> -Tag |
globale Attribute
Die <style> Tag unterstützt auch den Global in HTML - Attribute .
Event-Attribute
Die <style> Tag unterstützt auch der Veranstaltung in HTML - Attribute .
Verwandte Seiten
HTML - Tutorial: HTML CSS
CSS Tutorial: CSS Tutorial
HTML - DOM - Referenz: Style - Objekt
Standard CSS-Einstellungen
Die meisten Browser erscheint auf dem Display <style> mit den folgenden Standardwerte Element:
style {
display: none;
}