Bagaimana untuk memperkenalkan css luaran ke dalam html-html tutorial-php.cn

Bagaimana untuk memperkenalkan css luaran ke dalam html

下次还敢

Lepaskan： 2024-04-11 10:20:40

asal

869 orang telah melayarinya

Memperkenalkan CSS luaran ke dalam HTML hanya memerlukan tiga langkah: buat fail CSS, tambah kod dan pautan ke fail dalam bahagian <head> pada dokumen HTML (). Faedah termasuk kebolehselenggaraan kod, fleksibiliti dan kelajuan pemuatan yang dipertingkatkan.

Bagaimana untuk memperkenalkan css luaran ke dalam html

Cara memperkenalkan CSS luaran dalam HTML

Memperkenalkan CSS luaran dalam HTML membantu memisahkan gaya daripada kandungan, menjadikan kod lebih mudah untuk diselenggara dan diurus. Berikut ialah langkah bagaimana untuk melakukannya:

Cipta fail CSS:

Cipta fail CSS baharu menggunakan editor teks atau editor kod dan simpan dengan sambungan ".css".

<code>mystyles.css</code>

Salin selepas log masuk

Tambah kod CSS:

Tambahkan peraturan gaya yang diperlukan dalam fail CSS.

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

h1 {
  color: blue;
}</code>

Salin selepas log masuk

Pautkan fail CSS luaran:

Pautkan fail CSS luaran dalam elemen <head> 部分中，使用 <link> dokumen HTML.

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

Salin selepas log masuk

Simpan dokumen HTML:

Simpan dokumen HTML supaya penyemak imbas boleh membaca fail CSS luaran.

Faedah:

Memperkenalkan CSS luaran mempunyai faedah berikut:

Kebolehselenggaraan Kod: Mengasingkan gaya daripada kandungan menjadikan kod lebih mudah untuk diurus dan dikemas kini.
Fleksibiliti: Fail CSS yang sama boleh digunakan semula merentas berbilang dokumen HTML, memastikan penggayaan yang konsisten.
Kelajuan pemuatan: Fail CSS boleh dimuat turun dan dicache secara berasingan, yang boleh meningkatkan kelajuan pemuatan halaman web.

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