Bagaimana untuk merujuk fail css dalam html

下次还敢
Lepaskan: 2024-04-11 07:11:14
asal
1058 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"
    • menunjukkan kepada penyemak imbas bahawa fail itu ialah helaian gaya.
    🎜🎜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
      🎜"mobile.css" akan dimuatkan apabila lebar skrin kurang daripada atau sama dengan 600px. 🎜🎜🎜🎜Nota: 🎜🎜
        🎜Laluan ke fail CSS adalah relatif kepada lokasi fail HTML. 🎜🎜Teg <link> boleh diletakkan di mana-mana sahaja dalam bahagian <head>, tetapi biasanya diletakkan di awal kepala. 🎜🎜Pastikan nama dan laluan fail CSS betul, jika tidak gaya tidak akan digunakan. 🎜🎜

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

    Label berkaitan:
    css
    sumber:php.cn
    Kenyataan Laman Web ini
    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
    Tutorial Popular
    Lagi>
    Muat turun terkini
    Lagi>
    kesan web
    Kod sumber laman web
    Bahan laman web
    Templat hujung hadapan