CSS（Cascading Style Sheets）是一種用于網站設計的樣式表語言，它實現了網站的外觀和格式化。而SASS（Syntactically Awesome Style Sheets）是一種基于CSS的可擴展語言，它具有更強大、更靈活、更容易維護的優勢。

例如，下面是一個CSS的編碼案例：

body {
font-size: 16px;
line-height: 1.5;
color: #333;
}

而下面是一個相同編碼但使用SASS的案例：

body {
font-size: 16px;
line-height: 1.5;
color: #333;
&.home {
background-color: #f1f1f1;
}
&.about {
background-color: #e3e3e3;
}
}

SASS的第一個優點就是它可以使用變量。在CSS中，如果一個顏色或字體大小一直出現在樣式表中，那么就會出現大量冗余的代碼，并且在需要更改時必須手動更改每個位置的值。而在SASS中，可以使用變量，以便單獨管理這些值。例如，可以將這些值設置為變量。

$font-size: 16px;
$line-height: 1.5;
$text-color: #333;
body {
font-size: $font-size;
line-height: $line-height;
color: $text-color;
}

SASS的另一個優點是它可以使用嵌套結構。在CSS中，類似于“ul >li”這樣的選擇器可以很難閱讀，并且可以變得非常冗長。SASS的嵌套結構允許編寫更易于閱讀和維護的樣式表，如下所示：

nav {
ul {
margin: 0;
padding: 0;
list-style: none;
li {
display: inline-block;
&:not(:last-child) {
margin-right: 10px;
}
}
}
}

SASS還支持其他高級功能，如混合器和顏色函數。CSS中沒有這些高級功能，它需要更多的代碼才能完成相同的任務。

因此，通過使用SASS，可以創建更清晰、更靈活、更具可維護性的樣式表，而且還可以減少代碼的冗余和提高工作效率。