发表于: 2017-04-10 20:41:17

2 528


今天完成的事情:

1.完成任务10

2.完成任务8.2




明天计划的事情:

1.学习less

2.学习我任务10.12.JS前期准备)查看W3C中的JS语法,重点理解变量,函数,对象,作用域,数组,IF ELSEFor 循环的含义



遇到的问题:

  1. 更换input.radio样式,设置原来的样式为透明,使用padding错开原来的位置,将新的样式设置为背景,代码如下:

设置好后发现没有效果,只有文字位置发生变化(由于paddingmargin),在demo中尝试多次,最后通过对比发现,lable中忘记引用新的类。。。

2. 8.2表格不能缩小问题:设置栅格后,自适应表格缩小到一定程度不再变小。

解决方式,指定图片大小,以及最小尺寸,图片min-width必须指出具体尺寸,如果设置为百分比则min-width无效,初步考虑min-size是相对于父级元素,但是对于自适应,父级元素的宽度不固定,所以导致min-size无效,具体还请师兄指点。

3.

如图,查看详情为右浮动,下面白色div宽度位指定,属性设置为over-flowerhidded,但是却未填满整个背景区域

解决方法:设置背景div宽度为100%,问题解决,原因不明。。。

收获:

1.如何更改radio样式:先设置原来radio为透明,再讲labelinline-block,将要更换的图片设置为背景,checked 时的背景设置为选中的背景图片即可;

2.如何更改select样式:

清除默认样式→将自己的样式图片设置为背景→清除IE默认样式。





返回列表 返回列表
评论

    分享到