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

Bagaimana untuk memautkan fail css secara luaran dalam html

下次还敢

Lepaskan： 2024-04-11 10:02:56

asal

1153 orang telah melayarinya

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>

Salin selepas log masuk

其中：

rel="stylesheet" 指定该链接是指向样式表
href="styles.css"

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>

Salin selepas log masuk

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!