在編寫HTML網頁時，CSS被用來為頁面添加樣式和布局。CSS代碼需要被放置在HTML文件的哪個位置呢？以下是幾個可能的選擇：
內聯樣式表：
<div style="color: red; font-size: 24px;">內容</div>
內聯樣式表定義在HTML標記的style屬性中。它使開發人員可以直接將CSS樣式應用于特定的HTML元素。然而，它在實現類似樣式的多個HTML元素時，需要手動地重復CSS代碼。
頭部中的樣式表：
<!DOCTYPE html><html><head><title>我的網頁</title><link rel="stylesheet" type="text/css" href="style.css"></head><body><div class="my-div">內容</div></body></html>
這是最常用的CSS放置位置。在網頁的頭部中，鏈接到一個CSS文件。CSS文件包含所有需要應用到此頁面的樣式，它們被放置在一個單獨的文件內，使得修改樣式時更加方便。而且，多個HTML頁面可以鏈接到同一個CSS樣式表，實現更好的代碼復用。
尾部中的樣式表：
<!DOCTYPE html><html><head><title>我的網頁</title></head><body><div class="my-div">內容</div><style>.my-div {
color: red;
font-size: 24px;
}
</style></body></html>在網頁的底部也可以放置CSS樣式，它們被包含在<style>標記中，跟內聯樣式表有些相似。但是，頭部的CSS樣式表更容易維護和管理，因此不推薦使用尾部中的CSS樣式。