Najnowsze tutoriale tworzenie stron internetowych
 

HTML <style> Tag


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;
}