SASS开脸

 

[

    符号说明：

    1. " ## " 代表 "标题"

    2. " # "  代表 "流程步骤"

    3. " ! "  and  " --> " 代表 “思路”

    4. " $ " 代表 " 命令行盘符 "，其后为要输入的指令代码

    5. " [] "  代表 " 说明，提醒 " 

　 6. " SEK " 代表 " Search Error Keywords "

    7. " {} " 代表 " 一般处理方法 "

    8. " FAQ " 代表 " 常见问题 "

    9. " () " 代表 " 归类 "

    10. " SRC " 代表 " 资源 " 

]

## SASS [高效开发CSS工具]

#安装：

    # 思路

        ! ruby  -->

        ! 命令行

    # 安装ruby 到win7

    # 命令行安装：

        $  gem install sass

        $  gem install compass

            [FAQ] 可能会提示安装失败，原因是安装文件的地址无法访问，改成国内的地址即可 {SEK}

#使用：

    # 思路

        ! 创建 test.scss 文件 -->

        ! 编写 test.scss 文件 -->

        ! 生成 css 文件 [ 编译 ] 

    # 创建新项目

        $ compass create project

    # 找到新项目目录, [ 在执行上一步命令时 $ 代表的盘符]

        [

            project/

               config.rb

               - sass/

　                ( - ie.scss ,  - ie.scss , - screen.scss ) 

               - stylesheets/

                   ( - ie.css , - print.css , - screen.css )

        ]

    # 在 - sass 目录下 创建 test.scss 文件，按照 SASS 语法编写

    # 生成 CSS 文件：

        $ compass compile

        [ $ 代表 project ]

    [SRC] SASS 与 COMPASS 实战

    [SRC] http://www.ruanyifeng.com/blog/2012/06/sass.html

##完