DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> Sass教程 >> 1.3 Sass和Scss
1.3 Sass和Scss
編輯:Sass教程     

在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的格式是一樣的。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved