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