发表于： 2016-04-07 00:33:39
2 1666
今天完成的事情：task6 到task8的修改完成。
明天计划的事情：修改下task3的自适应问题，task9的按钮显示问题。。修改完就改10-12的task响应式的毛病。
遇到的问题：task7-1的这个居中一直有问题没改好，然后重写了li了 用display ：inline-block 全部垂直居中就好了，写的时候给li设置了float 的没有效果，还纳闷了好一会儿。。删掉浮动就好了。
task8的翻转box的边框也折腾了好久，然后还是重写了。。思路理清多了。边框没写box-sizing会挤出border宽度的的距离，设置了wdith 铺满父级的时候会产生错位。。写了box-sizing就没事。
box-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素。例如，假如您需要并排放置两个带边框的框，可通过将 box-sizing 设置为 "border-box"。这可令浏览器呈现出带有指定宽度和高度的框，并把边框和内边距放入框中。
task4-8已经更新修改上传 http://119.10.57.66:880/ptt06/task.html
收获：
这几天的代码整理让自己知道之前是写的多么的烂，还有好多细节的地方要注意不能马虎完事，严格按照要求来降低重构率才是王道。
返回列表
评论