在web開發中，html和css是兩個不可分割的部分。html負責網頁的結構，而css則負責網頁的樣式。
以下是一個簡單的html頁面代碼：
<!DOCTYPE html> <html> <head> <title>這是一個網頁標題</title> </head> <body> <h1>歡迎來到我的網站</h1> <p>這是我的第一個網頁</p> </body> </html>
可以看到，這個頁面只有一個標題和一段文字，沒有樣式。接下來我們就要用css來為頁面添加樣式。
以下是一個簡單的css樣式代碼：
h1 {
color: #ff0000;
font-size: 36px;
}
p {
color: #000;
font-size: 18px;
}這段代碼為h1和p標簽添加了樣式，h1標簽的字體顏色為紅色，字體大小為36px，而p標簽的字體顏色為黑色，字體大小為18px。
接下來我們將這段css樣式代碼連接到html頁面中：
<!DOCTYPE html>
<html>
<head>
<title>這是一個網頁標題</title>
<style>
h1 {
color: #ff0000;
font-size: 36px;
}
p {
color: #000;
font-size: 18px;
}
</style>
</head>
<body>
<h1>歡迎來到我的網站</h1>
<p>這是我的第一個網頁</p>
</body>
</html>現在頁面的h1標簽和p標簽都有了樣式，具有更好的可讀性和更吸引人的外觀。
下一篇網頁css圓形按鈕