初認識sass

看了看sass，感受不少地方確實比以前單純寫css要方便直觀不少。易於理解

記錄下對sass的學習。

sass基於Ruby語言開發而成，所以安裝sass前須要安裝Ruby。（注:mac下自帶Ruby無需在安裝Ruby!）

window下安裝SASS首先須要安裝Ruby，先從官網下載Ruby並安裝。

安裝完成以後，按中文文檔更換淘寶鏡像十一個坑，已經中止維護了，使用本來的就好。

安裝完成以後，而後以下安裝

gem install sass
gem install compass

以下sass經常使用更新、查看版本、sass命令幫助等命令：

//更新sass
gem update sass

//查看sass版本
sass -v

//查看sass幫助
sass -h

sass編譯有不少種方式，如命令行編譯模式、sublime插件SASS-Build、編譯軟件koala、前端自動化軟件codekit、Grunt打造前端自動化工做流grunt-sass、Gulp打造前端自動化工做流gulp-ruby-sass等。

選用了koala，可在sass文件和scss文件平級目錄下的css文件下自動生成對應的css文件。發生錯誤的時候，會彈出詳細的提示。

sass寫法以下：

#sidebar
  width: 30%
  background-color: #faa

scss寫法以下：

.box {
    width: 300px;
    height: 400px;
    &-title {
        height: 30px;
        line-height: 30px;
        font-family: "微軟雅黑";
    }
}

覺得日常都寫java，js，小程序等代碼，習慣scss寫法。