码迷,mamicode.com
首页 > 其他好文 > 详细

关于 sass

时间:2017-04-06 00:51:19      阅读:179      评论:0      收藏:0      [点我收藏+]

标签:官方文档   bsp   build   www   uid   uil   pre   target   入门   

写在前面的话:

  参考阮一峰老师的教程:http://www.ruanyifeng.com/blog/2012/06/sass.html

  sass 入门教程:http://www.w3cplus.com/sassguide/

一、sass
为CSS加入编程元素,这被叫做"CSS预处理器"(css preprocessor)。它的基本思想是,用一种专门的编程语言,进行网页样式设计,然后再编译成正常的CSS文件。 官方文档
二、安装
  必须先安装Ruby,nodejs ,且这两个最好都装在同意目录下(如 C:programfiles 下)才不会出现一些未知错误,然后再安装SASS。
  1. 安装ruby, 可以参照教程:http://www.w3cplus.com/sassguide/install.html
  2. 安装 sass ,在进行了上一步之后,在命令行输入:gem install sass 回车等待即可。
  3.在 sublime 中安装 sass build 插件 (如何安装?), 这样就可以启动 ctrl+b 将 .scss 文件编译为 .css文件。
 
三、使用
  1. 写样式是建立 .scss文件;
  2. 然后 ctrl + b,生成 .css文件;
  3. html 中引用的是 .css文件;
 
  用法呢,还是要自己多动手啊~
 
 
 

关于 sass

标签:官方文档   bsp   build   www   uid   uil   pre   target   入门   

原文地址:http://www.cnblogs.com/Christeen/p/6525251.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!