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

1.关键字的解释

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

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

@extend引用定义好的css样式

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

2.实例解释 @mixin与@include @if..@else

1)sass文件


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


3.实例解释 @extend

1)sass文件


2)生成的css文件



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


猜你喜欢

转载自blog.csdn.net/qq_33429583/article/details/79989072