Rumah >hujung hadapan web >tutorial css >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:20617semak 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;
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 yang ditulis dalam elemen <style> dan diletakkan dalam bahagian <head> dokumen HTML.
Gaya yang ditulis dalam fail berasingan (biasanya dengan sambungan .css) dan diperkenalkan ke dalam dokumen HTML melalui elemen <link>. .
Nyatakan elemen yang akan digunakan gaya: <code class="html"><p style="color: red;">这是一个红色的段落。</p></code>
Mengandungi atribut gaya dan nilai: <code class="html"><head>
<style>
p {
color: blue;
}
</style>
</head></code>
- 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!