Rumah > Artikel > hujung hadapan web > Bagaimana untuk memautkan fail css secara luaran dalam html
Bagaimana untuk memautkan fail css secara luaran dalam html
- 下次还敢asal
- 2024-04-11 10:02:561095semak imbas
Menggunakan fail CSS luaran HTML memudahkan penyelenggaraan dan penggayaan. Berikut ialah langkah-langkahnya: Buat fail CSS, seperti styles.css. Dalam bahagian HTML <head> gunakan elemen <link> Tentukan gaya dalam fail CSS menggunakan sintaks CSS standard. Simpan fail dan semak perubahan. Kelebihan CSS keluar termasuk kebolehselenggaraan, kebolehgunaan semula dan prestasi yang lebih baik.
Cara menggunakan fail CSS luaran HTML
Garis fail CSS boleh menjadikan dokumen HTML lebih mudah untuk diselenggara dan digayakan. Berikut ialah panduan langkah demi langkah tentang cara melakukannya:
1 Cipta fail CSS
Mula-mula, gunakan editor teks untuk mencipta fail CSS, seperti styles.css. Dalam fail ini, tulis gaya CSS yang anda inginkan. styles.css。在该文件中，写入您所需的 CSS 样式。
2. 在 HTML 文档中链接 CSS 文件
在 HTML 文档的 <head> 部分中，使用 <link> 元素链接到外部 CSS 文件。其语法如下：
<code class="html"><link rel="stylesheet" href="styles.css"></code>
其中：
-
rel="stylesheet"指定该链接是指向样式表 href="styles.css"2. Pautkan fail CSS dalam dokumen HTML
Dalam bahagian <head> dokumen HTML, gunakan elemen <link> untuk memaut ke CSS luaran fail. Sintaksnya adalah seperti berikut:
<code class="css">body {
font-family: Arial, sans-serif;
font-size: 16px;
}</code>
Antaranya:
rel="stylesheet" menentukan bahawa pautan menghala ke helaian gaya
href="styles.css" code> menentukan fail CSS Laluan
3. Tentukan gaya CSS
Letakkan gaya CSS dalam fail CSS luaran, menggunakan sintaks CSS standard. Contohnya: - rrreee4. Lihat perubahan
Simpan fail HTML dan CSS, kemudian buka fail HTML dalam penyemak imbas anda. Anda akan melihat bahawa gaya CSS telah digunakan pada halaman. - Kelebihan
Menggunakan fail CSS luaran mempunyai kelebihan berikut:
Semua gaya tertumpu dalam satu fail, menjadikannya mudah dikemas kini dan diselenggara. 🎜🎜🎜Kebolehgunaan semula: 🎜Fail CSS yang sama boleh digunakan dalam berbilang halaman HTML, meningkatkan kebolehgunaan semula kod. 🎜🎜🎜Prestasi: 🎜Memuatkan fail CSS secara berasingan membantu mengurangkan saiz fail HTML, sekali gus meningkatkan kelajuan pemuatan halaman. 🎜🎜Atas ialah kandungan terperinci Bagaimana untuk memautkan fail css secara luaran dalam html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!