本文目錄導(dǎo)讀:
網(wǎng)頁添加CSS樣式的步驟
內(nèi)部樣式表
在HTML文檔的<head>部分添加<style>標(biāo)簽,然后在該標(biāo)簽內(nèi)編寫CSS代碼。
<head> <style> body { background-color: #f0f0f0; font-family: Arial, sans-serif; } h1 { color: #333; font-size: 2em; } </style> </head>
外部樣式表
將CSS代碼寫在一個(gè)單獨(dú)的.css文件中,然后在HTML文檔的<head>部分使用<link>標(biāo)簽引入該CSS文件。
<head> <link rel="stylesheet" href="styles.css"> </head>
在styles.css文件中編寫CSS代碼:
body { background-color: #f0f0f0; font-family: Arial, sans-serif; } h1 { color: #333; font-size: 2em; }
內(nèi)聯(lián)樣式表
在HTML文檔的元素中使用style屬性直接編寫CSS代碼。
<h1 style="color: #333; font-size: 2em;">標(biāo)題</h1>
使用內(nèi)聯(lián)樣式表可能會(huì)影響網(wǎng)頁的可維護(hù)性和可讀性,因此建議僅在必要時(shí)使用。