Exemplu
Utilizarea <style> elementul într - un document HTML:
<html>
<head>
<style>
h1 {color:red;}
p {color:blue;}
</style>
</head>
<body>
<h1>A heading</h1>
<p>A paragraph.</p>
</body>
</html>
Încearcă - l singur » Definiție și utilizare
<style> tag - ul este folosit pentru a defini informații de stil pentru un document HTML.
În interiorul <style> elementul specificați modul în care elementele HTML ar trebui să facă într - un browser.
Fiecare document HTML poate conține mai multe <style> tag - uri.
Suport pentru browser-
| Element | |||||
|---|---|---|---|---|---|
| <style> | da | da | da | da | da |
Sfaturi și note
Tip: Pentru a lega la o foaie de stil extern, utilizați <link> tag - ul.
Tip: Pentru a afla mai multe despre foi de stil, vă rugăm să citiți Tutorial CSS .
Note: În cazul în care "scoped" atribut nu este utilizat, fiecare <style> tag - ul trebuie să fie localizat în partea de cap.
Diferențe între HTML 4.01 și HTML5
"scoped" atribut este nou în HTML5, care permite să se definească stiluri pentru o anumită secțiune a documentului. În cazul în care "scoped" atribut este prezent, stilurile se aplică numai elementului părinte elementul de stil și elemente copil care elementului.
atribute
= Nou în HTML5.
| Atribut | Valoare | Descriere |
|---|---|---|
| media | media_query | Specifică ce mass-media / dispozitiv resursa media este optimizat pentru |
| scoped | scoped | Specifică faptul că stilurile se aplică numai elementului părinte acest element și elementele de copil care elementului |
| type | text/css | Specifică tipul de suport al <style> tag - ul |
Atribute globale
<style> tag - ul sprijină , de asemenea, Atributele Global in HTML .
Atribute Eveniment
<style> tag - ul sprijină , de asemenea, Atribute eveniment în HTML .
Pagini similare
Tutorial HTML: HTML CSS
Tutorial CSS: CSS Tutorial
HTML DOM referință: Style obiect
Setări implicit CSS
Cele mai multe browsere vor afișa <style> elementul cu următoarele valori implicite:
style {
display: none;
}