在前端開發中，CSS 是不可缺少的一部分。然而，由于各種原因，我們總是會聽到一些 CSS 的錯誤說法。這些說法可能來自于我們自己的觀念偏差，也可能是誤解別人的言論。在這篇文章中，我們就來看看這些 CSS 錯誤說法是什么，并且糾正這些說法。
說法一：CSS 只有一個文件
錯誤的寫法：
<link rel=”stylesheet” href=”style.css”>正確的寫法：
<link rel=”stylesheet” href=”style1.css”>
<link rel=”stylesheet” href=”style2.css”>這是一種首字母錯誤，因為 CSS 的樣式表可以分割成多個文件。一個 CSS 文件只能包含一種風格或一個目的，如全局樣式和表格樣式。如果你把所有的 CSS 代碼都寫在一個文件中，就會導致加載時間變長，且難以維護。
說法二：CSS 文件必須在 head 標簽中引用
錯誤的寫法：
<head>
<link rel=”stylesheet” href=”style.css”>
</head>正確的寫法：
<body>
<link rel=”stylesheet” href=”style.css”>
</body>這是一種過時的說法。事實上，您可以在 body 標簽中使用 CSS 文件，而且它是對的。這樣做可以減少 HTML 文件的大小，提高下載速度。
說法三：顏色值只能使用英文單詞
錯誤的寫法：
color: red;正確的寫法：
color: #ff0000;這是一種常見的 CSS 錯誤說法，因為某些人認為 CSS 顏色只有英文單詞，如 red、blue、green 等。事實上，CSS 顏色可以用十六進制顏色值表示，如 #ff0000、#00ff00、#0000ff。
說法四：CSS 空間可以省略
錯誤的寫法：
body{
color:red;
}
#container{
color:blue;
}正確的寫法：
body {
color: red;
}
#container {
color: blue;
}這是一種語法錯誤，因為 CSS 空格可以影響代碼的可讀性和性能。如果你省略 CSS 空格，瀏覽器就會花費更多的時間解釋代碼。所以，我們必須保持一致的 CSS 空格風格，以便代碼更好地閱讀和理解。