发表于: 2018-07-06 12:20:51
1 759
今日完成内容
1.完成偶了任务11,任务12
2.粗浅的学习了LESS
明日计划
1.深入学习LESS
2.准备任务13内容
今日学习收获
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可以进行数学运算
4.2同时还有一些函数,这个在任务中基本没使用到
今日学习难点
1.less内容只是学习练习了皮毛,仅仅是机械化的套用了less,并没有能够深入理解less的优势,对变量的使用没有深刻的理解
2.简单来说就是语法学了,怎么使用也会了,但是不知道什么时候用,怎么使用效果更好
评论