发表于: 2017-04-03 23:39:02

0 528


今天完成的事情:

写完任务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.熟悉下拉菜单多种写法


返回列表 返回列表
评论

    分享到