发表于： 2016-04-08 23:21:34
1 1470
今天完成的事：完成了task6.2 进度有点慢下来了 本来今天task6应该全部完成的。
明天计划的事：将task6全部完成。弄一张雪碧图，（这两天的页面都没用雪碧图，明天写网页的时候加上）
遇到的问题：写页面的时候发现无法将height：100%的效果发挥。后来上网查了一下，要在html和body 中都加上height：100%才有效果。
在布局的时候发现九个DIV下的四张小图标（总共36个图标）只出现12张，也就是只有三组div下有小图标。后来是发现小图标（设置为ul）有position：absolute属性，而父元素却没有relative属性，所以小图标根据浏览器来进行定位，以至于“消失了”。
做圆形图案时，圆形后面出现了边框，用绝对定位后就消失了，问别人后才明白，是因为绝对定位脱离文档流。（之前有学到，应用到实践当中就蒙了）。
还有就是在CSS当中写hover选择器（父元素：hover 子元素｛｝）
收获：今天写出来的网页居然没有兼容问题，而且还能自适应，不得不说是一大进步。
对于绝对定位与相对定位的理解更加深了一步。
新学到opacity这个新元素，对于背景的透明度有不错的效果。
task6.2地址：
http://119.10.57.65:880/ptt02/task6.2/task6.2.html
返回列表
评论