注:主要作为记录用前言: sass是css预编译工具中的一种,结合compass使用可以大大加快css开发的速度,同时也可以解决一些css开发里比较难受的点。使用sass可以使css的开发对编程人员更友好。安装和使用: sass基于ruby,首先需要去ruby官网下载安装 ...
注:主要作为记录用
前言:
sass是css预编译工具中的一种,结合compass使用可以大大加快css开发的速度,同时也可以解决一些css开发里比较难受的点。使用sass可以使css的开发对编程人员更友好。
安装和使用:
sass基于ruby,首先需要去ruby官网下载安装ruby。ruby下载地址.
下载安装过程很简单,记得勾选添加到PATH。之后就可以在命令行里通过 ruby -v 来查看是否安装成功。
然后就可以使用gem包管理工具了 因为容易被墙 需要换源:
gem sources --add https://gems.ruby-china.org/ --remove https://rubygems.org/
可能会碰到SSL证书问题, 改为 http://gems.ruby-china.org/
之后用gem install sass 安装sass
同时可以用gem install compass 安装compass
成功后就可以使用了,可以在一个目录下,使用 compass create projectName 来新建一个sass项目
然后使用 compass watch可以监听并且实时reload项目 得到编译后输出的css文件。
关于cpmpass的使用会在之后总结。先来讲讲Sass。
Sass语法:
注: sass因为历史原因存在scss以及sass两种文件后缀名,采用了不同的语法。sass使用缩进来进行嵌套,语法简洁开发高效,但是非常用者难以阅读。scss语法类似css的嵌套,方便阅读,本文均采用scss。
原标题:关于sass的基础语法介绍
关键词:
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。