Kaedah berikut digunakan untuk memperkenalkan fail CSS ke dalam dokumen HTML: Gunakan teg
Gunakan teg <style> untuk menyelaraskan gaya CSS. Benamkan gaya CSS secara langsung dalam elemen HTML.
Cara memperkenalkan fail CSS dalam HTML
Kaedah untuk memperkenalkan fail CSS dalam dokumen HTML adalah seperti berikut:
1 Gunakan tag <link>. <link> 标签：
可以在 <head> 标签内使用 <link> 标签引入 CSS 文件。语法如下：
<code class="html"><head> <link rel="stylesheet" href="style.css"> </head></code>
2. 使用 <style> 标签：
可以在 <head> 标签内使用 <style> 标签内联 CSS 样式。语法如下：
<code class="html"><head>
<style>
body {
background-color: blue;
}
</style>
</head></code>3. 嵌入式 CSS：
可以在 HTML 元素中直接嵌入 CSS 样式。语法如下：
<code class="html"><p style="color: red;">This is a paragraph with red text.</p></code>
最佳实践：
<link> 标签，因为可以提高页面性能。<style>
<link> dalam teg <head> untuk memperkenalkan fail CSS. Sintaksnya adalah seperti berikut: <style>: 🎜🎜🎜Anda boleh menggunakan <style><head> tag /code> teg gaya CSS sebaris. Sintaksnya adalah seperti berikut: 🎜rrreee🎜🎜3 CSS terbenam: 🎜🎜🎜Anda boleh membenamkan gaya CSS secara terus dalam elemen HTML. Sintaksnya adalah seperti berikut: 🎜rrreee🎜🎜Amalan terbaik: 🎜🎜<link> kerana ia boleh meningkatkan prestasi halaman. 🎜🎜Untuk kepingan kecil kod CSS, anda boleh menggunakan teg <style> untuk menyelaraskan gaya CSS. 🎜🎜CSS terbenam harus digunakan dengan berhati-hati kerana ia menjejaskan kebolehbacaan dan kebolehselenggaraan dokumen. 🎜🎜Atas ialah kandungan terperinci Bagaimana untuk memperkenalkan fail css dalam html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
