让前端飞Sass语法学习程序员

Sass简介

2019-01-26  本文已影响24人  OnlyPiglet

    简介

摘录自百度百科

Sass(英文全称:Syntactically Awesome Stylesheets)是一个最初由Hampton Catlin设计并由Natalie Weizenbaum开发的层叠样式表语言。在开发最初版本之后,Weizenbaum和Chris Eppstein继续通过SassScript来继续扩充Sass的功能。SassScript是一个在Sass文件中使用的小型脚本语言。

Sass是一个将脚本解析成CSS脚本语言,即SassScript。Sass包括两套语法。最开始的语法叫做“缩进语法”,与Haml类似[3],使用缩进来区分代码块,并且用回车将不同规则分隔开。而较新的语法叫做“SCSS”,使用和CSS一样的块语法,即使用大括号将不同的规则分开,使用分号将具体的样式分开。通常情况下,这两套语法通过.sass和.scss两个文件扩展名区分开。

特性

1.完全兼容 CSS3

2.在 CSS 基础上增加变量、嵌套 (nesting)、混合 (mixins) 等功能

3.通过函数进行颜色值与属性值的运算

4.提供控制指令 (control directives)等高级功能

5.自定义输出格式

总结

1.Sass是一门脚本语言

2.Sass的语法规则有前后代两种方式“缩进语法”、“花括号语法”这两种语法针对的文件分别为sass,scss

3.兼容CSS3语言,在 CSS 基础上增加嵌套 (nesting)、变量、混合 (mixins) 、内置函数(inner  function)、、Sass拓展(自定义函数、存储缓存、自定义导入)

4.提供控制指令 (control directives)等高级功能

5.自定义输出格式(Sass脚本编译后CSS多种输出样式)

上一篇下一篇

猜你喜欢

热点阅读