CSS代碼可以寫(xiě)在HTML文件的頭部(head標(biāo)簽內(nèi)),或者在HTML文件的尾部(body標(biāo)簽結(jié)尾前)。
<html> <head> <style> /* 在head標(biāo)簽內(nèi)編寫(xiě)CSS代碼 */ body { background-color: #F5F5F5; } </style> </head> <body> <!-- 在body標(biāo)簽內(nèi)編寫(xiě)HTML代碼 --> <h1>這是標(biāo)題</h1> <p>這是正文內(nèi)容</p> <script> // 在body標(biāo)簽結(jié)尾前放置JavaScript代碼 console.log("Hello World!"); </script> </body> </html>
通常,將CSS代碼寫(xiě)在頭部比較好,因?yàn)檫@樣瀏覽器可以在顯示頁(yè)面之前先加載CSS,有助于提高頁(yè)面的加載速度和性能。
當(dāng)然,如果需要?jiǎng)討B(tài)修改頁(yè)面的樣式,那么就需要將CSS代碼寫(xiě)在JavaScript中,并在需要的時(shí)候動(dòng)態(tài)添加或移除CSS樣式。