发表于: 2016-03-15 22:17:43
1 1829
今天完成的事:
task6的三个页面
明天计划的事:
task7
遇到的问题:
1.opacity背景虚化(透明)遇到就是背景和上面的图标一起虚化的情况
2.对于高度使用具体数值还是用padding来撑开(后面一种对于自适应比较的友好)
收货:
1height:100%和height:auto的区别
height:auto,是指根据块内内容自动调节高度。
height:100%,是指其相对父块高度而定义的高度,也就是按照离它最近且有定义高度的父层的高度来定义高度。
2雪碧图的简介
1)作用是减少http的请求数,加速内容的显示。
2)用到的标签<i>,属性background-position
3)原理是先设置一个区域(设置雪碧图为背景),再通过一个窗口,进行背景图片的滑动
4)难点:制作雪碧图(用到网上的工具)
5)注意,雪碧图是以x,y坐标来确定方位,准确的说是坐标轴的第四象限,但是x 和y 的值应是负数
6)雪碧图的使用情景:静态图 (需要经常更新的不行),小图片(大的背景和广告图不行),加载量较大的(一般是一些小的按钮这也是为什么要用到<i>标签的原因(icon))
http://developer.51cto.com/art/201206/341225.htm 雪碧在线图制作工具
之前看老大说一周完成7个task比较慢,我也是羞愧的不行,一点一点的来,坚持下去,争取早日到修正院报道
评论