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

Bagaimana untuk merujuk css dalam html

下次还敢

Lepaskan： 2024-04-11 12:54:34

asal

930 orang telah melayarinya

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>

Salin selepas log masuk

外部引用：

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

示例：

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

Salin selepas log masuk

嵌入式引用：

将 CSS 代码放在元素的 style

Contoh:

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

Salin selepas log masuk

Rujukan luaran:

Rujuk fail menggunakan teg <link> dalam elemen <head>.
Contoh: rrreee

style

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!