當我們在編寫網頁時，CSS樣式是必不可少的。那么，CSS代碼應該放在哪個位置呢？
通常來說，CSS代碼可以放在三個位置：內部樣式表、外部樣式表和內聯樣式。我們來一一了解一下。
1. 內部樣式表
<head>
<style type="text/css">
body {
background-color: #f5f5f5;
}
</style>
</head>內部樣式表是將CSS代碼嵌入到頭部標簽里的style標簽中。相比于內聯樣式，它的代碼量可以更多一些，而相比于外部樣式表，它不需要另外的文件引用，代碼也會更加簡潔。
2. 外部樣式表
<head> <link rel="stylesheet" type="text/css" href="styles.css"> </head>
外部樣式表是將CSS代碼保存在一個.css文件中，再通過link標簽引入網頁。這種方式比較適合于多個網頁共用同一份CSS樣式，因為只需要修改一次.css文件就可以影響所有引用它的網頁。
3. 內聯樣式
<div style="background-color: #f5f5f5;"> <p>這是一個段落。</p> </div>
內聯樣式直接寫在HTML標簽的style屬性上，其中的CSS代碼只適用于當前的標簽。相比于前兩種方式，內聯樣式的代碼量會比較少，但是會影響到HTML的結構，不利于維護。
總的來說，CSS代碼的放置位置需要根據實際情況來決定。對多個網頁共用的樣式，使用外部樣式表；對單個網頁內的樣式，使用內部樣式表；對某個標簽的樣式，使用內聯樣式。
上一篇css代碼整合