李权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 包含最后一个数
近期评论