Rumah > Artikel > hujung hadapan web > Bagaimana untuk memautkan css luaran dalam html
Bagaimana untuk memautkan css luaran dalam html
- 下次还敢asal
- 2024-04-11 06:08:40570semak imbas
Dengan menyambungkan fail CSS luaran, maklumat gaya boleh diasingkan daripada dokumen HTML, dengan itu meningkatkan kebolehgunaan semula dan kebolehselenggaraan kod. Langkah khusus termasuk: mencipta fail CSS luaran dan menulis gaya CSS dalam bahagian <head> adalah betul untuk laluan fail CSS luaran.
Cara Memautkan CSS Luaran Menggunakan HTML
Memautkan CSS Luaran ialah teknik biasa untuk menggunakan HTML untuk memisahkan maklumat gaya daripada dokumen HTML. Melakukannya meningkatkan kebolehgunaan semula dan kebolehselenggaraan kod.
Langkah:
-
Buat fail CSS luaran:
- Buat fail teks dengan sambungan
.css..css扩展名的文本文件。 - 在该文件中编写 CSS 样式。
- Buat fail teks dengan sambungan
-
将 CSS 文件链接到 HTML：
- 在 HTML 文档的
<head>部分，使用<link>元素将 CSS 文件链接到 HTML。
- 在 HTML 文档的
<code class="html"><head> <link rel="stylesheet" href="path/to/style.css"> </head></code>
- 确保将
href属性的值替换为外部 CSS 文件的正确路径。
示例：
假设外部 CSS 文件名为 style.css，它位于 HTML 文件所在文件夹的 css
- Pautkan fail CSS ke HTML:
<head> dokumen HTML, gunakan elemen <link> untuk memautkan fail CSS Pautan ke HTML. 🎜🎜🎜<code class="html"><head> <link rel="stylesheet" href="css/style.css"> </head></code>🎜🎜 Pastikan anda menggantikan nilai atribut
href dengan laluan yang betul ke fail CSS luaran. 🎜🎜🎜Contoh: 🎜🎜Andaikan bahawa fail CSS luaran dinamakan style.css dan ia terletak dalam subfolder css folder di mana fail HTML berada. Kod HTML adalah seperti berikut: 🎜rrreee🎜Nota: 🎜🎜🎜Fail CSS luaran boleh berada dalam folder yang sama dengan fail HTML atau dalam folder lain. 🎜🎜Pastikan laluan ke fail CSS adalah betul, jika tidak gaya tidak akan digunakan. 🎜🎜Anda boleh memautkan berbilang fail CSS luaran ke dokumen HTML yang sama. 🎜🎜Atas ialah kandungan terperinci Bagaimana untuk memautkan css luaran dalam html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!