发表于: 2018-08-05 23:45:28
1 698
今天完成的事情:选择学习了less,感觉比sass简单点
明天计划的事情:深入学习一下,昨天划水了。
遇到的问题: 不能灵活运用,完全是死记硬套。
收获:
1.熟悉了less基本语法
2.对less的变量和mixin学习并进行练习
1.变量的声明语法: @名称:value
1.1变量的意义,变量使得css属性的值成为复用的赋值,对与全局性的属性,以及重复性高的属性赋值的更改会非常方便。
1.2变量的作用域,即全局变量和局部变量,变量的作用域是变量应用的核心,因为对不同作用域的变量的更改,才会使得变量有应用意义
2.MIXIN 混入 .css(@变量){}
2.1mixin就是将css内容看作一个属性一样整体引入到其他css中,并且可以设置变量改变属性的值
2.2mixin有点函数的意思,在任务中用的比较多,但是还是对使用场景没有好的理解
2.3@arguments变量,用于多个参数的赋值。
2.4自己的理解mixin一定是多个css属性的样式组件,单个样式并没有太大的意义,比如border,background,position会减少大量工作量
3嵌套规则
3.1less的嵌套规则让css像编程语言一样的层级,对与样式的结构一目了然。
3.2&:伪类表示同一元素的伪类,没有&是后代元素的伪类
4运算和函数
4.1数值类属性值例如颜色,marign/padding/height/width可以进行数学运算
评论