Rumah > Artikel > hujung hadapan web > Bagaimana untuk memperkenalkan css luaran ke dalam html
Bagaimana untuk memperkenalkan css luaran ke dalam html
- 下次还敢asal
- 2024-04-11 10:20:40941semak imbas
Memperkenalkan CSS luaran ke dalam HTML hanya memerlukan tiga langkah: buat fail CSS, tambah kod dan pautan ke fail dalam bahagian <head> pada dokumen HTML (). Faedah termasuk kebolehselenggaraan kod, fleksibiliti dan kelajuan pemuatan yang dipertingkatkan.
Cara memperkenalkan CSS luaran dalam HTML
Memperkenalkan CSS luaran dalam HTML membantu memisahkan gaya daripada kandungan, menjadikan kod lebih mudah untuk diselenggara dan diurus. Berikut ialah langkah bagaimana untuk melakukannya:
- Cipta fail CSS:
Cipta fail CSS baharu menggunakan editor teks atau editor kod dan simpan dengan sambungan ".css".
<code>mystyles.css</code>
- Tambah kod CSS:
Tambahkan peraturan gaya yang diperlukan dalam fail CSS.
<code class="css">body {
font-family: Arial, sans-serif;
}
h1 {
color: blue;
}</code>
- Pautkan fail CSS luaran:
Pautkan fail CSS luaran dalam elemen <head> 部分中，使用 <link> dokumen HTML.
<code class="html"><head> <link rel="stylesheet" href="mystyles.css"> </head></code>
- Simpan dokumen HTML:
Simpan dokumen HTML supaya penyemak imbas boleh membaca fail CSS luaran.
Faedah:
Memperkenalkan CSS luaran mempunyai faedah berikut:
- Kebolehselenggaraan Kod: Mengasingkan gaya daripada kandungan menjadikan kod lebih mudah untuk diurus dan dikemas kini.
- Fleksibiliti: Fail CSS yang sama boleh digunakan semula merentas berbilang dokumen HTML, memastikan penggayaan yang konsisten.
- Kelajuan pemuatan: Fail CSS boleh dimuat turun dan dicache secara berasingan, yang boleh meningkatkan kelajuan pemuatan halaman web.
Atas ialah kandungan terperinci Bagaimana untuk memperkenalkan css luaran ke dalam html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!