css和scss有什麼區別？

Question

我已經讀到這麼多的事情，但我米仍然感到困惑

我知道CSS非常好，但我只有一個問題，那SCSS如何從CSS 不同，如果我使用SCSS而不是CSS，然後它會工作像相同？

Answer 1

CSS是任何瀏覽器都能理解的樣式語言，用於設計網頁樣式。

SCSS是SASS的一種特殊類型的文件，用Ruby編寫的程序，爲瀏覽器裝配CSS樣式表，並提供信息SASS爲CSS添加了很多附加功能，如變量，嵌套等等，這些可以使CSS更容易和更快。 SCSS文件由運行Web應用程序的服務器處理，以輸出瀏覽器可以理解的傳統CSS。

Answer 2

除了Idriss的答案。

CSS

關於CSS我們在全長寫代碼如下圖所示。

body{ 
width: 800px 
color: #ffffff; 
} 
body content{ 
width:750px; 
background:#ffffff; 
} 

SCSS凡在SCSS我們達不到這個代碼使用@mixin所以我們不必寫的顏色，再而寬度

。我們可以像php或其他語言中的函數那樣定義。

$color: #ffffff; 
$width: 800px; 

@mixin body{ 
width: $width; 
color: $color; 

content{ 
    width: $width; 
    background:$color; 
} 
} 

SASS

在SASS你可以寫更多的很快，SCSS和清潔。

• ，如果你正在使用複製和粘貼
• 它似乎並不在於它支持內嵌CSS目前

是空白敏感。

$color: #ffffff; 
$width: 800px; 
$stack: Helvetica, sans-serif; 

body{ 
width: $width; 
color: $color; 
font: 100% $stack; 

content{ 
    width: $width; 
    background:$color; 

} 
}