SASS--加快网页设计CSS撰写的利器

阅读  ·  发布日期 2020-06-14 21:17  ·  admin

什么是SASS?

为了减短开发网站建设CSS的所需时间,因此Ruby(一种程式言语)开发出了CSS程式化框架SCSS、SASS。两者皆属于SASS,不同在副档名与撰写方式的不同。SASS是原生的SASS语法,最大的特征是以缩排取代了CSS的大括弧,SCSS则是后来衍生出来的,在结构上与CSS十分类似,因此关于本来就习惯写CSS的人来说,SCSS会比较容易上手。

 

装置SASS

1.到Ruby官网下载最新的Ruby程式。rubyinstaller/downloads/

开启「Start Command Prompt with Ruby」视窗并执行。

2.按「开始」->「执行」输入「cmd」开启命令提示字元。

3. 输入「gem install sass」装置SASS。

装置之后可输入sass-v 确认是否装置成功。

SASS的特色

1.变数(Varibles)

在SASS中新增变数前需加符号"$"

可以整合网站最常使用的宽、高、色彩、字型等等,预先设好,需要时就可以拿出来使用。