Sass:成熟、稳定且强力的专业CSS扩展语言

sass-lang

Sass再一次让CSS变得好玩起来。Sass是CSS的一款扩展包,为其添加了嵌套规则、变量、混写、选择器继承等更多功能。换言之,它是一款命令行工具或web框架插件,让标准的CSS格式美观。

Sass允许使用两种语法。新版的主语法(Sass3版)被称作“SCSS”(即“别致的CSS”), 是CSS语法的一个大集合版,这意味着SCSS允许使用所有有效的CSS样式表。SCSS文件使用.scss扩展名。

旧版的语法被叫为缩进语法(也可以直接称为“Sass”)。该语法从Haml的简短精悍中得到启发,专为那些看重简洁而非相似性的人们使用。它用特定的区块缩进,来原来的取代圆括号和分号。即使已出新版语法,该旧版也将持续支持有效。缩进语法使用.sass扩展名。

主要特性

CSS兼容

Sass兼容所有版本CSS。我们很看重兼容性,以便你可以无缝使用任何可用的CSS库。

功能繁多

不夸张的说,Sass拥有的功能比其他任何一款CSS扩展还要好。Sass核心团队整日整夜费心制作,保持前茅地位。

运作成熟

在核心团队的关爱下,Sass已经持续运营近9年了。

产业支持

业界一次又一次地认可,把Sass作为CSS首选扩展语言。

队伍壮大

一大群的科技公司和开发者都加入到了支持和开发Sass的过程中来。

框架

有数不清的新框架使用Sass搭建,如CompassBourbon、以及Susy等等。

用法

Sass可被用在命令行中,也可以作为web框架的一部分使用。第一步则是安装gem:

当你把一些CSS转换成Sass之后,你可以输入:

如果你想把代码反编译回CSS,请输入以下代码获得更多帮助信息:

如果你想在Rails 2中安装Sass,只需要在config/environment.rb中添加config.gem "sass"。在Rails 3中,则是在你的Gem文件中添加gem "sass".sass.scss文件应被放置在public/stylesheets/sass目录下,而如果放在public/stylesheets目录(该目录可自定义,请查看Sass偏好获得更多详细信息)下,则会被自动编译成同义CSS。

Sass可以被用于任何Rack可用的web框架,只需在config.ru中输入:

这样的话,public/stylesheets/sass目录下任意一个Sass文件都会被编译成CSS文件,放置在public/stylesheets中。

如果想用Sass编程,请查看YARD文档

格式

Sass这款CSS扩展能让基础语言变得强大和优雅。它能让你使用b变量、嵌套规则混写内联导入等等,并完美兼容CSS。尤其是在样式库的帮助下,Sass可以让大型的样式表条理分明,让小型的样式表快速运行。

Sass允许使用两种语法。该处展示的是“SCSS”(即“别致的CSS”),CSS全版本兼容。旧版的语法被叫为缩进语法(也可以直接称为“Sass”),基于缩进,对空格敏感。想获取更多信息,请查看参考文档

如果想运行以下案例,查看得到的CSS代码,请把它们扔在一个文件里,命名为test.scss,然后运行sass test.scss即可。

嵌套

Sass通过选择器嵌套来避免出现重复,同样方法也可以用于属性设定。

变量

全部都用一种颜色?想用计算设置高、宽、字号?Sass支持变量、数学运算、以及很多好用的函数。

混写

混写比变量更强大,它能让你重用整块整块的CSS、属性或选择器,你甚至可以传参。

你可以在Sass参考查看一整套功能列表。

可执行

Sass的gem包含一些可执行命令,可使用命令行处理。

sass允许把Sass源文件转换成CSS。输入sass --help查看更多信息和选项。

sass-convert可以帮你在CSS, Sass, and SCSS中相互转换。当你把CSS转成Sass或SCSS时,适当的部分将会嵌套。输入sass-convert --help查看更多信息和选项。

本地运行

如果不使用rubygems,而使用源校验来执行Sass命令则可以:

开发资源

开源协议

Sass遵循MIT开源协议。

官方网站:http://sass-lang.com/
开源地址:https://github.com/sass/sass

打赏支持我整理更多优质资源,谢谢!

打赏编辑

打赏支持我整理更多优质资源,谢谢!

任选一种支付方式

1 收藏

资源整理者简介:凝枫

非典型性程序员,爱做一些和写程序毫不相干的事 个人主页 · 贡献了46个资源 · 1


直接登录

推荐关注

按分类快速查找

关于资源导航
  • 伯乐在线资源导航收录优秀的工具资源。内容覆盖开发、设计、产品和管理等IT互联网行业相关的领域。目前已经收录 1439 项工具资源。
    推送伯乐头条热点内容微信号:jobbole 分享干货的技术类微信号:iProgrammer