Rumah > Artikel > hujung hadapan web > Bagaimana untuk merujuk fail css luaran dalam html
Bagaimana untuk merujuk fail css luaran dalam html
- 下次还敢asal
- 2024-04-11 12:08:57476semak imbas
Bagaimana untuk merujuk fail CSS luaran? Menggunakan teg <link>, nyatakan atribut rel="stylesheet" dan href="CSS file path". Cipta fail CSS luaran Simpan fail CSS ke pelayan web Gunakan teg <link> dalam HTML <head> Kaedahnya mudah, hanya gunakan teg
<link>.
Sintaks: 
<code class="html"><link rel="stylesheet" href="path/to/stylesheet.css"></code>
Langkah:
-
创建外部 CSS 文件：保存一个带有
.css扩展名的文件，并按照 CSS 规则编写样式。 - 将 CSS 文件保存到 web 服务器：将 CSS 文件上传到与 HTML 文件相同的 web 服务器上的位置。
-
在 HTML 代码中使用
<link>标签：在<head>部分中添加<link>标签，指定rel="stylesheet"和href="path/to/stylesheet.css"属性。hrefBuat fail CSS luaran: Simpan fail dengan
<link> 标签即可。
语法：
<code class="html"><!DOCTYPE html> <html> <head> <link rel="stylesheet" href="mystyles.css"> </head> <body> <h1>标题</h1> <p>段落</p> </body> </html></code>
步骤：
.css peraturan sambungan dan tulis gaya mengikut gaya CSS Simpan fail CSS ke pelayan web: Muat naik fail CSS ke lokasi yang sama pada pelayan web dengan fail HTML.
Gunakan teg <link> dalam kod HTML: Tambah teg <link> dalam bahagian <head>, Nyatakan rel="stylesheet" dan href="path/to/stylesheet.css" sifat. Nilai atribut href hendaklah menjadi laluan ke fail CSS. .
- Anda boleh menggunakan fail CSS yang sama dalam berbilang fail HTML untuk mencapai rupa yang konsisten.
- Pengoptimuman prestasi: Pelayar cache fail CSS sekali untuk mengurangkan masa pemuatan berikutnya.
Atas ialah kandungan terperinci Bagaimana untuk merujuk fail css luaran dalam html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!