发表于: 2016-03-08 00:35:51
2 1702
今天完成的事情:task6-1 完成 http://119.10.57.65/ptt06/task6-1/task6-1.html
明天计划的事情:完成task6-2
遇到的问题:1、页面顶部没有自适应,看起来总觉得别扭。原因出在五个图标在li标签下统一用了float:left,然后设置margin排版。后面四个用float:right就能避免了。
2、<ul>、<li>在其外部加了个块以后块里设置背景,<ul><li>里背景不变;开始以为是继承上或者优先级上出问题了,找半天无解,把<ul><li>单拉出来操练了一遍,发现就是标签自己的特性,最后只能单独给<ul> <li>写了条命令
3、这期任务角标用border达成,开始位置有点问题,不敢往外移动,移动以后背景色那几条边框也露出来了,按网上找的办法设置透明色#00FFFFFF搞定;
4、开始想给顶部小图标做成<a>链接,但是和雪碧图使用冲突了,想着可以把字体设置透明实现。但是伪类效果目前貌似根本覆盖不了,只能作罢。
收获:1、熟练了雪碧图使用;
2、学会用边框做角标;
3、发现<ul><li>新特性
4、今天的task开始打算还是几个块摞下去,因为要求优化思路,写html前琢磨了会,意识到用input button更符合今天的任务需求,根据实际需求构建html而不应该按自己写着方便来写,今天最大的收获
评论