在進行網頁設計開發時，我們常常需要為網頁添加各種樣式，以使頁面更加美觀、易讀、易用等。而這些樣式也是通過 CSS 來實現的。
CSS 樣式通常需要導出到網頁中，以讓瀏覽器能夠正確的識別并應用這些樣式。那么，CSS 樣式是放在哪里導出的呢？
<!DOCTYPE html>
<html>
<head>
<title>My Website</title>
<style>
h1 {
color: red;
}
p {
font-size: 18px;
margin-bottom: 10px;
}
</style>
</head>
<body>
<h1>Welcome to my website!</h1>
<p>This is a paragraph of text.</p>
<p>Here is another paragraph of text.</p>
</body>
</html>從代碼中我們可以看到，CSS 樣式被放在了 <style></style> 標簽之間。這些樣式將應用到文檔中的所有元素。
當然，我們也可以將 CSS 樣式單獨存儲為一個 .css 文件，然后在 HTML 文件中導入該文件以使用樣式。
<!DOCTYPE html>
<html>
<head>
<title>My Website</title>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<h1>Welcome to my website!</h1>
<p>This is a paragraph of text.</p>
<p>Here is another paragraph of text.</p>
</body>
</html>在這個例子中，我們將樣式存儲在了一個名為 styles.css 的文件中，并在 HTML 文件中使用 <link> 標簽來導入樣式。
無論是直接放在 <style></style> 標簽里，還是存儲為一個單獨的文件并通過 <link> 標簽導入，CSS 樣式最終都需要導出到 HTML 文件中以被瀏覽器識別。