cari

Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk merujuk css dalam html

Bagaimana untuk merujuk css dalam html

下次还敢
下次还敢asal
2024-04-11 12:54:341030semak imbas

Terdapat tiga cara untuk merujuk CSS dalam HTML: rujukan sebaris terus, rujukan luaran dan rujukan terbenam. Rujukan sebaris sesuai untuk gaya bahagian kecil, rujukan luaran sesuai untuk gaya global, dan rujukan terbenam sesuai untuk menyesuaikan gaya elemen individu dan mempunyai keutamaan tertinggi.

Bagaimana untuk merujuk css dalam html

Cara merujuk CSS dalam HTML

Rujukan sebaris terus:

  • Tulis kod CSS terus dalam <>gaya> kod> elemen <head>. <style> 标签中，放置在 <head> 元素内。

示例：

<code class="html"><head>
  <style>
    body {
      background-color: #f0f0f0;
    }
  </style>
</head></code>

外部引用：

  • 创建一个单独的 CSS 文件，其中包含样式。
  • 在 <head> 元素中使用 <link> 标签引用该文件。

示例：

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

嵌入式引用：

  • 将 CSS 代码放在元素的 style
Contoh: 

<code class="html"><p style="color: red;">你好，世界！</p></code>

Rujukan luaran:

    Buat fail CSS berasingan yang mengandungi gaya.
  • Rujuk fail menggunakan teg <link> dalam elemen <head>.
  • Contoh: rrreee
    • Petikan terbenam:
    • Letakkan kod CSS dalam atribut style elemen.

Contoh: rrreee

Penggunaan khusus:

🎜🎜🎜🎜Petikan sebaris: 🎜Sesuai untuk gaya perenggan kecil atau gaya elemen tertentu. 🎜🎜🎜Rujukan luaran: 🎜Sesuai untuk gaya global atau helaian gaya yang kompleks. 🎜🎜🎜Rujukan Terbenam: 🎜Sesuai untuk situasi di mana anda perlu menyesuaikan gaya satu elemen. 🎜🎜🎜🎜Keutamaan: 🎜🎜🎜Rujukan terbenam mempunyai keutamaan tertinggi, diikuti dengan rujukan sebaris dan akhir sekali rujukan luaran. 🎜

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

css html 样式表
Kenyataan：
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
Artikel sebelumnya：Bagaimana untuk menambah sempadan bertitik pada htmlArtikel seterusnya：Bagaimana untuk menambah sempadan bertitik pada html

Artikel berkaitan

Lihat lagi