CSS（層疊樣式表）是一種用于描述網頁中如何展現元素（HTML、XML等）的樣式語言。CSS可以控制文本的樣式、布局、顏色、背景、邊框等等，使網頁更加美觀和易于閱讀。

CSS主要分為內部樣式表、外部樣式表和行內樣式表三種方式。其中，外部樣式表通常是最佳選擇，因為它可以將樣式代碼與HTML代碼分離，使代碼更加清晰易讀，方便管理。

<link rel="stylesheet" type="text/css" href="style.css">

一個常見的問題是混淆CSS和CSS預處理器的概念。CSS預處理器是一種將類似CSS的語言轉換為原生CSS的工具。常見的CSS預處理器有SASS、LESS和Stylus等。

.box {
width: 200px;
height: 200px;
background-color: #f00;
}

使用SASS可以寫成如下代碼：

$width: 200px;
$height: 200px;
$color: #f00;
.box {
width: $width;
height: $height;
background-color: $color;
}

最終編譯后，SASS代碼會轉換為原生CSS代碼。

綜上所述，CSS和CSS預處理器是不同的概念。CSS是一種用于控制網頁展現的樣式語言，而CSS預處理器是一種將類似CSS的語言轉換為原生CSS的工具。學習CSS是前端開發過程中不可或缺的一部分，同時了解不同的CSS預處理器也可以提高開發效率。