在網頁制作過程中，我們常常需要使用CSS來控制網頁的樣式，包括字體、顏色、布局等等。那么CSS樣式要在哪里添加呢？
可能有些小伙伴會認為樣式可以寫在HTML文件的<head>標簽中，像這樣：
<html>
<head>
<style type="text/css">
body {
font-size: 16px;
color: #333;
}
</style>
</head>
<body>
<p>這是一段文字</p>
</body>
</html>其實，這是不推薦的做法，因為樣式與內容應該分離，這樣不利于網頁的維護和修改。正確的做法是將CSS樣式單獨寫成文件，再在HTML文件中引用。
我們可以新建一個.css文件，例如main.css，并在HTML文件的<head>標簽中引用：
<html> <head> <link rel="stylesheet" href="main.css"> </head> <body> <p>這是一段文字</p> </body> </html>
在main.css文件中，我們可以寫入以下樣式：
body {
font-size: 16px;
color: #333;
}這樣做的好處是，CSS樣式與HTML內容相互獨立，便于維護和修改。如果需要修改網頁樣式，只需要修改main.css文件即可，而不需要去修改HTML文件。
除了將樣式文件單獨寫成.css文件并引用外，我們還可以使用