Rumah > hujung hadapan web > tutorial css > Terdapat beberapa jenis gaya aplikasi css

Terdapat beberapa jenis gaya aplikasi css

下次还敢
Lepaskan: 2024-04-25 18:06:13
asal
810 orang telah melayarinya

CSS menyediakan lima jenis gaya gunaan: gaya sebaris, gaya dalaman, gaya luaran, gaya terbenam dan gaya ejen pengguna. Gaya sebaris digunakan pada elemen individu, gaya dalaman digunakan pada semua elemen dalam dokumen, gaya luaran disimpan dalam fail .css yang berasingan, gaya terbenam mengimport helaian gaya luaran ke dalam dokumen HTML dan gaya ejen pengguna ialah gaya lalai yang terbina dalam penyemak imbas .

Terdapat beberapa jenis gaya aplikasi css

Jenis Gaya Gunaan CSS

CSS (Cascading Style Sheets) ialah bahasa yang digunakan untuk menerangkan penampilan halaman web Ia menyediakan maklumat gaya dan reka letak untuk elemen halaman web. Terdapat beberapa jenis gaya aplikasi CSS yang berbeza untuk memenuhi keperluan penggayaan yang berbeza.

1. Gaya sebaris

Gaya sebaris digunakan terus pada satu elemen HTML menggunakan atribut style. Jenis ini berguna untuk menambah gaya tertentu dengan cepat, tetapi hanya pada satu elemen. style 属性。这种类型对于快速添加特定样式很有用,但仅限于单个元素。

2. 内部样式

内部样式写在 HTML 文档的 <style> 元素中。它定义了适用于文档所有元素的样式规则。内部样式比行内样式更清晰、更易于维护。

3. 外部样式

外部样式存储在一个单独的 .css 文件中,然后通过 <link>

2. Gaya dalaman

Gaya dalaman ditulis dalam elemen <style> dokumen HTML. Ia mentakrifkan peraturan gaya yang digunakan untuk semua elemen dokumen. Gaya dalaman lebih jelas dan lebih mudah dikekalkan daripada gaya sebaris.

3. Gaya luaran

Gaya luaran disimpan dalam fail .css yang berasingan dan kemudian dipautkan ke dokumen HTML melalui elemen <link>. Gaya luaran ialah cara yang berkesan untuk memisahkan gaya dan kod HTML, menjadikan gaya boleh diguna semula dan diselenggara.

🎜4. Gaya terbenam 🎜🎜🎜Gaya terbenam menggunakan peraturan @import untuk mengimport helaian gaya luaran ke dalam dokumen HTML. Ia serupa dengan gaya luaran, tetapi gaya tersebut dibenamkan terus ke dalam dokumen HTML. Gaya terbenam kurang biasa digunakan kerana ia meningkatkan saiz kod HTML. 🎜🎜🎜5. Gaya ejen pengguna 🎜🎜🎜Gaya ejen pengguna ialah gaya lalai yang dibina oleh penyemak imbas. Apabila halaman web tidak mengandungi maklumat gaya, penyemak imbas menggunakan gaya ini untuk menentukan penampilan lalai unsur. Gaya ejen pengguna tidak boleh disesuaikan atau ditindih. 🎜

Atas ialah kandungan terperinci Terdapat beberapa jenis gaya aplikasi css. 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