Przykład
Zastosowanie <style> elementu w dokumencie HTML:
<html>
<head>
<style>
h1 {color:red;}
p {color:blue;}
</style>
</head>
<body>
<h1>A heading</h1>
<p>A paragraph.</p>
</body>
</html>
Spróbuj sam " Definicja i Wykorzystanie
<style> tag służy do definiowania stylów informacje o dokumencie HTML.
Wewnątrz <style> elementu podać jak elementy HTML powinien uczynić w przeglądarce.
Każdy dokument HTML może zawierać wiele <style> tagi.
Pomoc Browser
Element | |||||
---|---|---|---|---|---|
<style> | tak | tak | tak | tak | tak |
Porady i wskazówki
Wskazówka: Aby utworzyć łącze do zewnętrznego arkusza stylów, użyj <link> tag.
Wskazówka: Aby dowiedzieć się więcej o arkuszach stylów, zapoznaj się z naszą CSS .
Uwaga: Jeśli "scoped" atrybut nie jest używany, każdy <style> tag muszą być umieszczone w sekcji head.
Różnice między HTML 4.01 i HTML5
"scoped" atrybut jest nowego w HTML5, co pozwala definiować style dla określonej sekcji dokumentu. Jeśli "scoped" atrybut jest obecny, style mają zastosowanie tylko do elementu dominującego elementu stylu i elementów potomnych danego elementu.
Atrybuty
= Nowe w HTML5.
Atrybut | Wartość | Opis |
---|---|---|
media | media_query | Określa, co media / urządzenie zasób mediów jest zoptymalizowany pod kątem |
scoped | scoped | Określa, że style mają zastosowanie tylko do elementu nadrzędnego ten element i elementy podrzędne tego elementu jest |
type | text/css | Określa typ nośnika odpowiadający <style> tagu |
Atrybuty globalne
<style> tag obsługuje również globalne Atrybuty w HTML .
Atrybuty Event
<style> tag obsługuje również Event Atrybuty w HTML .
Podobne strony
Poradnik HTML: HTML CSS
Kurs CSS: CSS
Odniesienia HTML DOM: Style obiektu
Domyślne ustawienia CSS
Większość przeglądarek wyświetli <style> element z następujących wartości domyślnych:
style {
display: none;
}