发表于： 2018-05-21 23:44:45
2 651
一，今天完成的任务：
九宫格自适应布局
高度自适应使用padding-bottom + 百分比来实现，
宽度自适应使用width + 百分比来实现。
用display转换成行内块元素。
visibility: hidden的元素被隐藏之后依旧占据原来的位置，用另外一种方法也可以隐藏display：none，这种方法一般是配合JS动态隐藏元素，但是考虑到seo搜索引擎优化，最好用前面那种。
使用浮动后一定要清除浮动。：：after伪元素结合clear：both来清除浮动，“*zoom：1”用于解决IE6、IE7浮动问题。另外一种清除浮动的方式overflow：hidden，但是这种方法有一个毛病，那就是会将超出超出父元素部分的内容隐藏。
代码在github。
二，明天的计划:模拟手机访问网页,配置nginx，手机上直接访问网页.
三，遇到的问题，需要回过头来查找相关的知识，写起来不是很熟练，不然是颜色还是浮动，需要多加练习。
四，收获，通过这几天的学习，css基础渐渐熟悉，需要以后多加练习加以巩固知识。在实战中发现问题才能把知识融入到自己的意识中去。
技术没有捷径，加油!
返回列表
评论