Rumah  >  Artikel  >  hujung hadapan web  >  Terdapat beberapa jenis helaian gaya css dan cara menggunakannya masing-masing

Terdapat beberapa jenis helaian gaya css dan cara menggunakannya masing-masing

下次还敢
下次还敢asal
2024-04-06 02:30:20574semak imbas

Terdapat tiga jenis helaian gaya CSS: sebaris, dalaman dan luaran. Gaya sebaris digunakan pada elemen tertentu, gaya dalaman digunakan pada keseluruhan dokumen dan gaya luaran boleh digunakan merentas berbilang dokumen. Dengan CSS, peraturan gaya terdiri daripada pemilih, yang menentukan elemen yang akan digunakan gaya, dan blok pengisytiharan, yang mengandungi sifat dan nilai gaya. Jenis helaian gaya yang berbeza mempunyai kebaikan dan keburukan tersendiri: gaya sebaris lebih khusus tetapi gaya dalaman yang berselerak adalah kurang spesifik tetapi gaya luaran yang lebih bersih adalah yang paling umum dan sesuai untuk projek besar;

Terdapat beberapa jenis helaian gaya css dan cara menggunakannya masing-masing

Jenis helaian gaya CSS dan cara menggunakannya

Jenis helaian gaya CSS

Terdapat tiga jenis utama dalam helaian gaya CSS:

  • secara langsung Elemen HTML Untuk gaya, gunakan atribut style. style 属性。
  • 内部样式:写在 <style> 元素内的样式,放置在 HTML 文档的 <head> 部分。
  • 外部样式:写在独立文件(通常带有 .css 扩展名)中的样式,通过 <link>
Gaya dalaman:

Gaya yang ditulis dalam elemen <style> dan diletakkan dalam bahagian <head> dokumen HTML.

Gaya luaran:

Gaya yang ditulis dalam fail berasingan (biasanya dengan sambungan .css) dan diperkenalkan ke dalam dokumen HTML melalui elemen <link>. .

Pilih

Nyatakan elemen yang akan digunakan gaya:

<code class="html"><p style="color: red;">这是一个红色的段落。</p></code>

Blok pengisytiharan

Mengandungi atribut gaya dan nilai:

<code class="html"><head>
  <style>
    p {
      color: blue;
    }
  </style>
</head></code>

Kelebihan dan kekurangan pelbagai jenis helaian gaya

  • Dokumen HTML Tidak teratur.
  • Gaya dalaman: Kurang spesifik, tetapi lebih kemas daripada gaya sebaris.
  • Gaya luaran: Paling serba boleh dan boleh digunakan semula, disyorkan untuk projek besar.

Atas ialah kandungan terperinci Terdapat beberapa jenis helaian gaya css dan cara menggunakannya masing-masing. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
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