Bagaimana untuk memautkan css luaran dalam html-html tutorial-php.cn

Bagaimana untuk memautkan css luaran dalam html

下次还敢

Lepaskan： 2024-04-11 06:08:40

asal

588 orang telah melayarinya

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.

Bagaimana untuk memautkan css luaran dalam html

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 样式。
将 CSS 文件链接到 HTML：
- 在 HTML 文档的 <head> 部分，使用 <link> 元素将 CSS 文件链接到 HTML。

<code class="html"><head>
  <link rel="stylesheet" href="path/to/style.css">
</head></code>

Salin selepas log masuk

确保将 href 属性的值替换为外部 CSS 文件的正确路径。

示例：

假设外部 CSS 文件名为 style.css，它位于 HTML 文件所在文件夹的 css

Tulis gaya CSS dalam fail ini.

Pautkan fail CSS ke HTML:

Dalam bahagian <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>

Salin selepas log masuk

🎜🎜 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!