Rumah > Artikel > hujung hadapan web > Bagaimana untuk merujuk css luaran dalam html
Bagaimana untuk merujuk css luaran dalam html
- 下次还敢asal
- 2024-04-11 11:15:291029semak imbas
Ya, adalah mungkin untuk merujuk CSS luaran menggunakan HTML, dengan itu memisahkan peraturan gaya daripada dokumen HTML untuk kesederhanaan dan kebolehselenggaraan kod. Langkah-langkah khusus adalah seperti berikut: Buat fail CSS yang mengandungi peraturan gaya dalam elemen <head> sebagai "stylesheet" dan atribut href menentukan URL atau laluan relatif kepada fail CSS luaran.
Cara menggunakan HTML untuk merujuk CSS luaran
Menggunakan HTML untuk merujuk CSS luaran ialah amalan biasa yang memisahkan peraturan gaya daripada dokumen HTML, menghasilkan kod yang lebih bersih dan boleh diselenggara. Begini cara untuk merujuk CSS luaran dalam HTML:
1 Cipta fail CSS
Mula-mula, buat fail CSS yang mengandungi peraturan gaya. Contohnya, anda boleh menggunakan fail bernama style.css dengan kandungan berikut: style.css 的文件，其中包含以下内容：
<code class="css">body {
font-family: Arial, sans-serif;
font-size: 16px;
}
h1 {
color: blue;
}</code>
2. 将 CSS 文件链接到 HTML
在 HTML 文档的 <head> 元素中，使用 <link> 元素链接到外部 CSS 文件。如下所示：
<code class="html"><head> <link rel="stylesheet" href="style.css"> </head></code>
3. 解释
<link> 元素的 rel 属性指定了链接的类型，在这种情况下为 "stylesheet"。hrefrrreee
2 Pautkan fail CSS ke HTML
🎜🎜Dalam<head> Dokumen HTML elemen, gunakan elemen <link> untuk memaut ke fail CSS luaran. Seperti yang ditunjukkan di bawah: 🎜rrreee🎜🎜3 Penjelasan 🎜🎜🎜 Atribut rel bagi elemen <link> menentukan jenis pautan, dalam kes ini "stylesheet " . Atribut href menentukan URL atau laluan relatif bagi fail CSS luaran. 🎜🎜Dengan menggunakan fail CSS luaran, anda boleh mengurus semua peraturan gaya anda secara berpusat dan menukar gaya keseluruhan tapak web anda dengan mudah tanpa mengubah suai setiap halaman HTML. 🎜Atas ialah kandungan terperinci Bagaimana untuk merujuk css luaran dalam html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!