最基本的CSS代碼寫在HTML的方法是使用"style"標簽。"style"標簽在"head"標簽內,用于在HTML頁面中添加CSS樣式。如下示例:
<html> <head> <style> body { background-color: #f0f0f0; } h1 { color: red; } </style> </head> <body> <h1>這是標題</h1> <p>這是一段文字。</p> </body> </html>
在上面的例子中,我們將背景顏色設置為#f0f0f0,標題顏色設置為紅色。
在HTML中,我們還可以使用內聯樣式(inline style)寫CSS代碼。內聯樣式是在HTML標簽上使用“style”屬性定義CSS樣式。如下示例:
<html> <head> </head> <body> <h1 style="color: red;">這是標題</h1> <p style="background-color: #f0f0f0;">這是一段文字。</p> </body> </html>
在上面的例子中,我們將標題顏色設置為紅色,文字背景顏色設置為灰色。
最后,我們也可以將CSS代碼寫在HTML標簽的“class”或“id”屬性中。這是在網頁制作中最常用的方法之一。如下示例:
<html> <head> <style> .red { color: red; } #bg-grey { background-color: #f0f0f0; } </style> </head> <body> <h1 class="red">這是標題</h1> <p id="bg-grey">這是一段文字。</p> </body> </html>
在上面的例子中,我們使用了“class”和“id”屬性來定義不同的CSS樣式。例如,我們將標題顏色設置為紅色,將文本背景顏色設置為灰色。