Antara tiga gaya helaian gaya css yang manakah mempunyai keutamaan yang lebih tinggi?

下次还敢
Lepaskan: 2024-04-06 03:00:22
asal
731 orang telah melayarinya

Keutamaan gaya CSS mengikut urutan: gaya sebaris (tertinggi), gaya terbina dalam (kedua), helaian gaya luaran (paling rendah). Yang mempunyai keutamaan tertinggi menang, dan keutamaan yang sama digunakan dalam susunan sebaris, terbina dalam dan luaran.

Antara tiga gaya helaian gaya css yang manakah mempunyai keutamaan yang lebih tinggi?

Tiga gaya dengan keutamaan tinggi dalam helaian gaya CSS

Dalam helaian gaya CSS, keutamaan digunakan untuk menentukan gaya yang hendak digunakan. Gaya keutamaan tertinggi akan mengatasi semua gaya keutamaan yang lebih rendah.

Tiga jenis gaya dengan keutamaan tinggi ialah:

1. Gaya sebaris

Keutamaan: tertinggi

Gaya sebaris ditulis terus dalam elemen HTML, menggunakan Atribut gaya. Contohnya: style 属性。例如:

<code class="html"><p style="color: red;">This text is red.</p></code>
Salin selepas log masuk

2. 内置样式

优先级:次之

内置样式是浏览器默认定义的样式。它们不能被其他类型的样式覆盖。例如:

<code class="html"><h1>Heading</h1> <!-- 默认使用粗体和较大的字体 --></code>
Salin selepas log masuk

3. 外部样式表

优先级:最低

外部样式表是存储在单独文件中的样式。它们通过 link

<code class="html"><link rel="stylesheet" href="style.css"></code>
Salin selepas log masuk

2. Gaya terbina dalam

Keutamaan: kedua

  1. Gaya terbina dalam ialah gaya yang ditakrifkan oleh penyemak imbas secara lalai. Mereka tidak boleh ditindih oleh jenis gaya lain. Contohnya:
  2. <code class="css">p { color: blue; } /* 外部样式表 */
    p { color: green; } /* 内置样式 */
    <p style="color: red;">This text is red.</p> /* 内联样式 */</code>
    Salin selepas log masuk
  3. 3. Helaian Gaya Luaran

Keutamaan: terendah

Helaian gaya luaran ialah gaya yang disimpan dalam fail berasingan. Ia dipautkan ke dokumen HTML melalui elemen link. Contohnya:

rrreee

Peraturan Keutamaan

🎜🎜Gaya dengan keutamaan tertinggi sentiasa menang. Jika berbilang gaya mempunyai keutamaan yang sama, ia digunakan dalam susunan berikut: 🎜🎜🎜Gaya sebaris 🎜🎜Gaya terbina dalam 🎜🎜Helaian gaya luaran 🎜🎜🎜🎜Contoh 🎜🎜 contoh, gaya CSS berikut:🎜🎜 🎜Akhirnya digunakan Gaya akan menjadi gaya sebaris kerana ia mempunyai keutamaan tertinggi. Oleh itu, teks akan muncul dalam warna merah. 🎜

Atas ialah kandungan terperinci Antara tiga gaya helaian gaya css yang manakah mempunyai keutamaan yang lebih tinggi?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
css
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan