Rumah > Artikel > hujung hadapan web > Bagaimana untuk memautkan fail html ke fail css
Bagaimana untuk memautkan fail html ke fail css
- 下次还敢asal
- 2024-04-22 09:18:01860semak imbas
Untuk memautkan fail HTML ke fail CSS, anda perlu melakukan langkah berikut: Buat fail CSS dengan sambungan ".css" dan tambah peraturan gaya. Dalam <head> elemen fail HTML, tambahkan
Cara Memautkan Fail HTML ke Fail CSS
Apabila mereka bentuk halaman web moden, memautkan fail HTML ke fail CSS adalah penting untuk mencipta halaman yang cantik dan teratur secara visual. Dengan mengasingkan gaya dan kandungan, fail HTML dan CSS membolehkan pembangun mengubah suai penampilan tapak web dengan mudah tanpa mengubah struktur halaman.
Langkah:
1. Cipta fail CSS:
- Buat fail baharu dalam penyunting teks seperti Notepad atau Teks Sublime.
- Tukar sambungan fail kepada ".css", contohnya "styles.css".
- Tambahkan peraturan gaya yang diperlukan dalam fail.
2. Pautkan fail CSS dalam fail HTML:
- Buka fail HTML yang anda ingin pautkan fail CSS.
- Di dalam elemen
<head>, tambahkan baris berikut:<head>元素内，添加以下行：
<code class="html"><link rel="stylesheet" href="styles.css"></code>
- 替换 "styles.css" 为您创建的 CSS 文件的名称。
- 确保文件位于与 HTML 文件相同的目录中。
示例：
此示例将 HTML 文件 "index.html" 链接到 CSS 文件 "styles.css"：
<code class="html"><!DOCTYPE html> <html> <head> <link rel="stylesheet" href="styles.css"> </head> <body> ... </body> </html></code>
注意事项：
- 确保 CSS 文件的路径是正确的，否则链接将失败。
- 可以使用多个
<link>元素链接多个 CSS 文件。 - 外部 CSS 文件还可以链接到其他 CSS 文件，通过使用
@importrrreee
<link> untuk memautkan berbilang fail CSS. 🎜🎜Fail CSS luaran juga boleh dipautkan ke fail CSS lain dengan menggunakan peraturan @import. 🎜🎜Atas ialah kandungan terperinci Bagaimana untuk memautkan fail html ke fail css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!