cari

Rumah >hujung hadapan web >html tutorial >Bagaimana untuk memautkan fail css secara luaran dalam html

Bagaimana untuk memautkan fail css secara luaran dalam html

下次还敢
下次还敢asal
2024-04-11 10:02:561154semak 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.

Bagaimana untuk memautkan fail css secara luaran dalam html

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:
    • Kebolehselenggaraan yang baik:
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!

css html href 样式表
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：Bagaimana untuk membuka fail dalam htmlArtikel seterusnya：Bagaimana untuk membuka fail dalam html

Artikel berkaitan

Lihat lagi