发表于: 2016-11-16 23:47:18

0 643


今天完成的事情:

1、继续完成任务7的代码,不过进度有点儿慢;

2、做测试,理解float,并和position中的固定定位和绝对定位做了比较。同时研究外边距合并的现象;

3、听大师兄讲关于sprite方面的知识

明天计划的事情:

明天计划完成金融表格的项目。如果时间充足,再接着做任务。

遇到的问题:

   对于margin垂直方向的编剧合并做了一番研究,发现与网上所说的是一样的:同级元素,上面的margin-bottom和下方的margin-top会发生合并,子类的margin-top可以和父类的margin-top合并。但是,我同时注意到父类的margin-bottom和子类的margin-bottom没有发生合并现象。

   同时,突然想起前几天重构任务6,由于给子元素加上margin-top,但是父元素margin为0,结果导致父元素产生了margin,但是百思不得其解。现在终于明白,是由于margin垂直方向边距合并引起的。当时,经王峰师兄提醒,采用overflow:hidden,消除了外边距合并现象。个人觉得,这是一个不错的方法,可以应用于消除垂直方向外边距合并现象。

收获:

1、对外边距垂直方向的合并现象有了一个清晰的认识;

2、绝对定位是若没有参照点,则默认为body是参照点,而固定定位的参照点是初始块,一般是HTML;

3、听大师兄讲sprite图方面的知识,同时参考小师妹关于sprite图方面的日报,对sprite的认识更深入了一步。同时对sprite使用px固定值和sprite使用百分比的场合做了一定的思考。个人感觉,百分比适合于图片大小相等的小图片合成的精灵图,而固定值适合图片大小不一做成的sprite图。百分比可以让sprite图做到自适应,而固定值由于图片尺寸大小不一,导致图片高宽百分比很难精确给出,不方便计算。此时用固定值可以更精确,但是副作用就是写的过于呆板,无法自适应,不能做所有屏幕下呈现很好的效果。


返回列表 返回列表
评论

    分享到