发表于: 2017-04-03 23:39:02
0 527
今天完成的事情:
写完任务12 重写任务6,
重新提炼了common.less,将公用的CSS样式与公共Mixins分开(一个直接写入,一个提到才会引用
1.下拉列表写法
用CSS
subNav默认display:none;btn hover时display: block;
用js
btn添加onmouseover ,onmouseout事件
getElementsByTagName/getElementsById获取要修改的元素subNav
变量.style.display="block/none";可修改该元素样式 display:block/none;
2.学习less函数
颜色字符串——颜色值
color(~"#123")——#112233
移除/添加单位函数
unit(1px)——1
unit(1,px)——1px
unit(1px,~"rem")——1rem
四舍五入到第n位
round(3.14159,3)——3.142
设定透明度
fade(rgb(128, 242, 13), 10%)——rgba(128, 242, 13, 0.1)
对比自动选择某种颜色
contrast(@background, [@darkcolor: black], [@lightcolor: white],
[@threshold: 43%])
contrast(hsl(90, 100%, 50%),#000000,#ffffff,60%);——#ffffff
明天计划的事情:
下一个任务
遇到的问题:
无
收获:
1.熟悉less函数
2.熟悉下拉菜单多种写法
评论