DIV CSS 佈局教程網

在Sass中，有2種語法格式：（1）Sass格式；（2）Scss格式。也就是說，平常我們所說的Sass和Scss其實是同一個東西來的，統稱為Sass。Sass和Scss僅僅是Sass的兩種語法格式罷了。

一、Sass格式

Sass格式，是Sass的“舊版本語法”。這種語法格式，不使用大括號“{}”和分號“;”，而是使用嚴格的縮進式語法規則來書寫，也就是類似Ruby語言的寫法。

舉例：

 
$color:white
$bgColor:red

body
color:$color
background-color:$bgColor

說明：

從這裡我們可以看出，Sass格式是不使用大括號“{}”和分號“;”的，並且在body元素定義樣式的時候，color和background-color這2個屬性都是嚴格縮進的。

二、Scss格式

Scss格式，是Sass的“新版本語法”。這種語法格式，使用大括號“{}”和分號“;”，並不使用嚴格的縮進式語法規則來書寫，也就是類似CSS書寫的格式。

舉例：

 
$color:white
$bgColor:red

body
{ 
    color:$color
    background-color:$bgColor
}

說明：

從這裡我們可以看出，Scss格式跟平常我們寫CSS的格式是一樣的。