<gaya>


HTML <style> Tag

Instance

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title>
<style type="text/css">
h1 {color:red;}
p {color:blue;}
</style>
</head>

<body>
<h1>这是一个标题</h1>
<p>这是一个段落。</p>
</body>

</html>

Jalankan Instance»

Klik butang "Jalankan Instance" untuk melihat contoh dalam talian


Sokongan penyemak imbas

1000.png

Semua pelayar utama menyokong gaya> tag.


Takrifan teg dan arahan penggunaan

<gaya> teg mentakrifkan maklumat gaya dokumen HTML.

Dalam elemen <style> anda boleh menentukan cara dokumen HTML harus dipaparkan dalam penyemak imbas.

Setiap dokumen HTML boleh mengandungi berbilang teg <style>


Petua dan Nota

Petua: Untuk memaut ke helaian gaya luaran, gunakan teg <pautan>

Petua: Untuk mengetahui lebih lanjut tentang helaian gaya, baca tutorial CSS kami.

Nota: Jika atribut "skop" tidak digunakan, setiap teg <gaya>


Perbezaan antara HTML 4.01 dan HTML5

Atribut "skop" ialah atribut baharu dalam HTML 5, yang membolehkan kami mentakrifkan gaya untuk bahagian tertentu dokumen dan bukannya keseluruhan dokumen .
Jika anda menggunakan atribut "scoped", gaya yang ditentukan hanya boleh digunakan pada elemen induk elemen gaya dan elemen anaknya.


Atribut

Baharu: Atribut baharu dalam HTML5.

HartanahNilaiPenerangan
mediamedia_queryMenentukan jenis media yang berbeza untuk helaian gaya.
berskopBaharu
属性描述
mediamedia_query为样式表规定不同的媒体类型。
scopedNewscoped如果使用该属性,则样式仅仅应用到 style 元素的父元素及其子元素。
typetext/css规定样式表的 MIME 类型。
berskopJika atribut ini digunakan, gaya adalah hanya Terpakai pada elemen induk elemen gaya dan anak-anaknya.
typetext/cssMenentukan jenis MIME helaian gaya.


Atribut global

<style>


Atribut acara

<style> teg menyokong atribut acara HTML.


Artikel Berkaitan

Tutorial HTML: HTML CSS

Manual Rujukan HTML DOM: Objek Gaya