Rumah > Artikel > hujung hadapan web > Bagaimana untuk merujuk css dalam html
Bagaimana untuk merujuk css dalam html
- 下次还敢asal
- 2024-04-11 12:54:34924semak 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.
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
<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!
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