sass系列之sass的语法使用(一)

1.关键字的解释

@mixin 关键字声明方法------相当于javaSrcipt中的function

@include调用@mixin声明的方法------其实就是相当javaScript中的 window.方法名() 去调用方法

@extend引用定义好的css样式

@if 与 @else  其实就是if...else语句

2.实例解释 @mixin与@include @[email protected]

1)sass文件

sass系列之sass的语法使用(一)

2)生成的css文件(可能有些人会觉得sass代码写了那么多,css的代码却这么少,那为什么还用sass呢?,哈哈,开玩笑的了,有编程基础的人都看的出来sass是多么的好用)

sass系列之sass的语法使用(一)

3.实例解释 @extend

1)sass文件

sass系列之sass的语法使用(一)

2)生成的css文件

sass系列之sass的语法使用(一)


感觉sass怎么样,其实好像也就那个样吧。好像编译后的css也并不是比自己写的css有多好。下一篇介绍sass的循环等语法的使用