css框架--scss

SASS是CSS3的一個擴展，增長了規則嵌套、變量、混合、選擇器繼承等等。經過使用命令行的工具或WEB框架插件把它轉換成標準的、格式良好的CSS代碼。

SCSS便是SASS的新語法，是Sassy CSS的簡寫，是CSS3語法的超集，也就是說全部有效的CSS3樣式也一樣適合於SASS。

1.安裝：
        1.1   默認路徑安裝ruby，安裝後在開始菜單裏找到ruby下面的start Command Prompt with ruby，進入DOS界面，輸入ruby -v 顯示安裝成功
        1.2   輸入gem install sass安裝sass，由於牆的厲害，因此不容易安裝上
        1.3   安裝不上就輸入gem sources -a http://gems.ruby-china.org/   這時候sass安裝成功

2.事件監聽：
        --watch 路徑/名稱.scss:路徑/名稱.css      動態改變css
        Ctrl+c停止
        --sourcesmap=none    不要map
        --style compact            屬性的{ }在同一行
        --style compressed      { }內屬性無空格
        --style expanded          { }內每條屬性單佔一行，右括號與最後一行在同一行        
        --style compressed      { }內屬性無空格     
3.解決中文 註釋/路徑 報錯
         用Notepad++打開C:\Ruby23\lib\ruby\gems\2.3.0\gems\sass-3.4.22\lib\sass\engine.rb，
在第54行加入     Encoding.default_external = Encoding.find('utf-8')       

4.語法    http://www.w3cplus.com/sassguide/syntax.html