发表于: 2017-04-20 00:47:40
4 1167
今天完成的事情:准备任务2的css文件,
明天计划的事情:试着完成任务2中 ,从input中去值,判断值类型;完成数组的学习;
遇到的问题:鼠标悬停在div中,显示另一个div,不理解如何去处理,查看资料入下:
把要显示的内容包装div中,在div:hover中处理要是显示的样式: #show:hover #hide{};
也可以利用js方法,onmoseout,onmouseover方法;
js页面跳转的方法,
history.go(-1代表返回上一层,-2上上层);
收获:了解input type="range" 如何设置自定义样式,
intpu[type="range"] { //设置滑动轨道的样式
-webkit-appearance:none
/*设置左边颜色为orange,右边颜色为#ffe6be*/
background: -webkit-linear-gradient(orange, orange) no-repeat, #ffe6be;
...
}
input[type="range"]::-webkit-linear-thumb {//设置滑块的样式
-webkit-appearance:none
...;
}
注意设置样式前清空;
总结: 发现对html5已经css3的基础知识还有所欠缺,尤其是html5的新标签属性,需要系统性学习html5;
评论