Rumah >hujung hadapan web >html tutorial >Bagaimana untuk menyambungkan html ke css
Bagaimana untuk menyambungkan html ke css
- 下次还敢asal
- 2024-04-11 12:18:20708semak imbas
Terdapat dua cara utama untuk menyambung ke CSS dalam HTML: Gunakan elemen
dalam bahagian Tulis kod CSS terus di dalam elemen <style> Kedua-dua kaedah mempunyai kebaikan dan keburukan mereka, dan untuk kebanyakan kes, menggunakan elemen untuk menyambung ke helaian gaya luaran ialah kaedah pilihan.
Cara menyambung ke CSS dalam HTML
Terdapat dua cara utama untuk menyambung ke CSS dalam HTML:
Kaedah 1: Gunakan elemen <link>head> Elemen
<code class="html"><head> <link rel="stylesheet" href="styles.css"> </head></code>
-
<link>元素指定了要连接的样式表的 URL。 -
rel="stylesheet"属性表明该文件是一个样式表。
<link> menentukan URL helaian gaya untuk disambungkan. Atribut 方法 2：在 <style> 元素内编写 CSS 代码
<code class="html"><head>
<style>
body {
background-color: red;
}
</style>
</head></code>
-
<style>rel="stylesheet"menunjukkan bahawa fail ialah helaian gaya.
rrreee
Elemen<style> membolehkan anda menulis kod CSS terus dalam fail HTML. Kaedah ini lebih pantas daripada menggunakan elemen <link> kerana penyemak imbas tidak perlu memuatkan fail luaran. -
Kaedah yang manakah untuk dipilih?
- Kedua-dua pendekatan mempunyai kebaikan dan keburukan:
-
Lebih bersih dan lebih boleh diselenggara kerana ia memisahkan kod gaya daripada HTML.
Membenarkan penggunaan helaian gaya luaran, yang boleh mengurangkan masa muat.
Atas ialah kandungan terperinci Bagaimana untuk menyambungkan html ke css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!