李权20200824

sass:

动态的为css添加css赋予了动态语言的特性,极大提高了样式语言的可维护性。

sass是一款强化css的辅助工具,他在语法的基础上增加了变量,嵌套,混合,导入,函数等高级功能,这些拓展令css更加强大和优雅,scss有点类似于css和JavaScript的结合体

变量:

变量的声明:$变量名:变量值

变量名如果重复的话,用!default 之前的变量值有效,如果不写,后面的覆盖前面的

嵌套:

1.结构嵌套

2.群组嵌套

3.属性嵌套

导入:

1.局部导入和全局导入

以'_'为开头的句子为局部文件,不可以转换为css文件,但是可以导入到其他的全局文件里面转换成css。

全局样式:不是以'_'开头的文件名

混合器:

把一段样式进行封装,需要使用的地方直接调用混合器名称

继承

一个选择器直接继承另一个选择器

if/else

@if(){}

@else if(){}

@else{}

for:

1.@for $i from stratNumber to endNumber不包含最后一个数

2.@for $i from startnumber throw endNUmber 包含最后一个数

评论