Rumah > Artikel > hujung hadapan web > Bagaimana untuk memperkenalkan fail css dalam html
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!