CSS按照位置分類是指根據元素在頁面上的位置，將CSS樣式分為“內部樣式”、“內嵌樣式”、“外部樣式”、“行內樣式”四種。
1. 內部樣式
<style type="text/css">
p {
color: red;
}
</style>內部樣式通常寫在HTML頁面的<head>標簽內，使用<style>標簽定義。在該標簽內定義的樣式作用于整個頁面。
2. 內嵌樣式
<p style="color: red;">這是一段紅色文本</p>
內嵌樣式直接在HTML元素內的style屬性中定義，只作用于該元素。
3. 外部樣式
<link href="styles.css" rel="stylesheet" type="text/css">
外部樣式是將樣式定義在一個單獨的CSS文件中，再在HTML頁面中通過<link>標簽引入。外部樣式可以被多個HTML頁面共用。
4. 行內樣式
<p style="color: red; font-size: 16px;">這是一段紅色、字號為16px的文本</p>
行內樣式是將樣式定義在HTML元素的style屬性中，只作用于該元素。