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

Bagaimana untuk merujuk fail css dalam html

下次还敢

Lepaskan： 2024-04-11 07:11:14

asal

1042 orang telah melayarinya

Merujuk fail CSS dalam HTML memautkan maklumat gaya ke halaman web, mengawal penampilan dan reka letaknya. Langkah khusus termasuk: Buat fail CSS dengan sambungan ".css". Gunakan teg <link> dalam bahagian <head> pada fail HTML untuk merujuk fail CSS, dengan menyatakan rel="stylesheet" dan href="style.css". Berbilang fail CSS boleh dipautkan. Anda boleh menggunakan pertanyaan media untuk memuatkan helaian gaya tertentu untuk saiz atau peranti yang berbeza.

Bagaimana untuk merujuk fail css dalam html

Merujuk fail CSS dalam HTML

Merujuk fail CSS dalam HTML ialah cara memautkan maklumat gaya ke halaman web untuk mengawal penampilan dan reka letaknya. Berikut ialah langkah-langkah untuk merujuk fail CSS:

1 Buat fail CSS

Buat fail baharu dalam editor teks dan gunakan ".css" sebagai sambungan fail. Tambahkan peraturan gaya CSS pada fail.

2. Rujukan fail CSS dalam fail HTML

Dalam bahagian <head> fail HTML yang anda mahu gunakan gaya, gunakan <link> tag Memetik fail CSS: <head> 部分中，使用 <link> 标签引用 CSS 文件：

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

Salin selepas log masuk

rel="stylesheet" 指示浏览器该文件是一个样式表。
href="style.css" 指定了 CSS 文件的路径。

3. 链接多个 CSS 文件（可选）

如果需要，可以使用多个 <link> 标签链接多个 CSS 文件。它们将在链接的顺序中应用到网页上。

4. 媒体查询（可选）

可以添加媒体查询以在不同的屏幕尺寸或设备上加载不同的样式表。使用 media 属性进行设置：

<code class="html"><link rel="stylesheet" media="screen and (max-width: 600px)" href="mobile.css"></code>

Salin selepas log masuk

当屏幕宽度小于或等于 600px 时，将加载 "mobile.css"。

注意：

CSS 文件的路径相对于 HTML 文件的位置。
<link> 标签可以放在 <head>rrreee
rel="stylesheet"

🎜🎜href="style.css"🎜 menentukan laluan ke fail CSS. 🎜🎜🎜🎜3 Pautkan berbilang fail CSS (pilihan) 🎜🎜🎜Jika perlu, anda boleh menggunakan berbilang tag <link> untuk memautkan berbilang fail CSS. Ia akan digunakan pada halaman web dalam susunan pautan. 🎜🎜🎜4. Pertanyaan media (pilihan) 🎜🎜🎜 Pertanyaan media boleh ditambah untuk memuatkan helaian gaya yang berbeza pada saiz atau peranti skrin yang berbeza. Tetapkan menggunakan atribut media: 🎜rrreee

<link>

<head>

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