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

Bagaimana untuk merujuk css luaran dalam html

下次还敢

Lepaskan： 2024-04-11 11:15:29

asal

1078 orang telah melayarinya

Ya, adalah mungkin untuk merujuk CSS luaran menggunakan HTML, dengan itu memisahkan peraturan gaya daripada dokumen HTML untuk kesederhanaan dan kebolehselenggaraan kod. Langkah-langkah khusus adalah seperti berikut: Buat fail CSS yang mengandungi peraturan gaya dalam elemen <head> sebagai "stylesheet" dan atribut href menentukan URL atau laluan relatif kepada fail CSS luaran.

Bagaimana untuk merujuk css luaran dalam html

Cara menggunakan HTML untuk merujuk CSS luaran

Menggunakan HTML untuk merujuk CSS luaran ialah amalan biasa yang memisahkan peraturan gaya daripada dokumen HTML, menghasilkan kod yang lebih bersih dan boleh diselenggara. Begini cara untuk merujuk CSS luaran dalam HTML:

1 Cipta fail CSS

Mula-mula, buat fail CSS yang mengandungi peraturan gaya. Contohnya, anda boleh menggunakan fail bernama style.css dengan kandungan berikut: style.css 的文件，其中包含以下内容：

<code class="css">body {
  font-family: Arial, sans-serif;
  font-size: 16px;
}

h1 {
  color: blue;
}</code>

Salin selepas log masuk

2. 将 CSS 文件链接到 HTML

在 HTML 文档的 <head> 元素中，使用 <link> 元素链接到外部 CSS 文件。如下所示：

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

Salin selepas log masuk

3. 解释

<link> 元素的 rel 属性指定了链接的类型，在这种情况下为 "stylesheet"。hrefrrreee

2 Pautkan fail CSS ke HTML

🎜🎜Dalam <head> Dokumen HTML elemen, gunakan elemen <link> untuk memaut ke fail CSS luaran. Seperti yang ditunjukkan di bawah: 🎜rrreee🎜🎜3 Penjelasan 🎜🎜🎜 Atribut rel bagi elemen <link> menentukan jenis pautan, dalam kes ini "stylesheet " . Atribut href menentukan URL atau laluan relatif bagi fail CSS luaran. 🎜🎜Dengan menggunakan fail CSS luaran, anda boleh mengurus semua peraturan gaya anda secara berpusat dan menukar gaya keseluruhan tapak web anda dengan mudah tanpa mengubah suai setiap halaman HTML. 🎜

Atas ialah kandungan terperinci Bagaimana untuk merujuk css luaran dalam html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!