在web開發中，我們經常需要使用CSS樣式來美化網頁的外觀。CSS樣式可以從網頁中的CSS文件中引用，也可以直接在網頁中添加CSS樣式。
<!DOCTYPE html>
<html>
<head>
<title>添加CSS樣式</title>
<style>
/*直接在網頁中添加CSS樣式*/
body {
background-color: #f5f5f5;
font-size: 16px;
font-family: Arial, sans-serif;
}
</style>
</head>
<body>
<h1>這是一個標題</h1>
<p>這是一個段落</p>
</body>
</html>上述代碼中，在head標簽中使用了style標簽，將樣式直接寫在網頁中。要添加的樣式寫在花括號內，包括屬性和屬性值。其中，屬性和屬性值用冒號分隔，不同屬性用分號分隔。在這個例子中，我們給網頁的body元素設置了背景顏色、字體大小和字體。
除了直接在網頁中添加CSS樣式，我們也可以將CSS樣式放在外部CSS文件中，然后在網頁中引用。具體代碼如下：
<!DOCTYPE html> <html> <head> <title>引用CSS文件</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>這是一個標題</h1> <p>這是一個段落</p> </body> </html>
在上述代碼中，我們在head標簽中使用link標簽引用了名為“style.css”的外部CSS文件。這個文件中包含了我們要應用的CSS樣式。
最后，總結一下添加CSS樣式的步驟：
- 在網頁的head標簽中，使用style標簽添加CSS樣式，或使用link標簽引用外部CSS文件；
- CSS樣式由屬性和屬性值組成，不同屬性用分號分隔；
- 為了方便管理CSS樣式，可以按照不同的功能將樣式分成不同的文件。