发表于： 2016-03-05 04:35:27
2 1156
今天完成的事情：task5-1完成 http://119.10.57.65/ptt06/task5/task5-1.html
明天计划的事情：开task5-2
遇到的问题：1、用css做圆头像上边被砍平了一块
2、<li>边部用margin清除后还存有空白
3、<li>用inline-block无效
4、每两行用一次inline-block结构全混乱了
收获：1、图片本身做圆的时候要用line-height：0；清除才行
2、<ul>用margin：0可以清除边部空白，<li>必须用padding才行，其实还是盒子模型
3、一行行注释找错，发现输入了一行width：100%；自适应中inline-block使用得考虑失效可能性，具体看width的设定
4、html框架设计的时候就错了，多行列表两两排列就该选用float，用inline-block命名设置太多。在一开始构思的时候就该考虑到哪种构建更简便。
5、<li>固定行高对字体设置居中会发生溢出，还是上一级套一层块元素，然后再设计margin和padding
返回列表
评论