Rumah > hujung hadapan web > html tutorial > Tiga cara biasa untuk membenamkan CSS dalam HTML documents_HTML/Xhtml_Pengeluaran halaman web

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

WBOY
Lepaskan: 2016-05-16 16:37:25
asal
1981 orang telah melayarinya

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: