Tiga cara biasa untuk membenamkan CSS dalam HTML documents_HTML/Xhtml_Pengeluaran halaman web

CSS biasanya ditakrifkan dalam HTML dalam tiga cara berikut: Membenam, Memaut, Sebaris

1. Dibenamkan

Gunakan elemen gaya HTML untuk mentakrifkan gaya CSS dalam dokumen .

Salin kod

Kodnya adalah seperti berikut:

>< style type="text/css">
h1{color:red}
p{color:blue}
🎜>

2 Sebaris

Setiap elemen HTML mengandungi atribut gaya, yang boleh menentukan gaya secara langsung. Gaya ini hanya boleh digunakan pada kandungan elemen ini dan tidak mempunyai kesan pada elemen lain dengan nama yang sama.



Salin kod

Kodnya adalah seperti berikut:

Gaya sebaris

3. Rujukan luaran

Rujukan luaran merujuk kepada HTML dokumen Ia tidak mengandungi gaya CSS, tetapi secara dinamik merujuk fail CSS luaran untuk mentakrifkan pembentangan dokumen. 1 Gunakan pernyataan arahan pemprosesan helaian gaya

Tulis pernyataan pemprosesan arahan helaian gaya pada permulaan dokumen HTML





Salin kod

Kod adalah seperti berikut:

Pernyataan arahan

dan JS tidak boleh mengendalikan CSS jenis ini, jadi tidak disyorkan untuk menggunakannya.

2. Gunakan arahan @import

Gunakan arahan @import antara elemen gaya untuk mengimport fail css luaran

Salin kod


Kodnya adalah seperti berikut: