发表于： 2020-02-04 23:13:11
1 1236
今日完成的事
学习flex的更多属性（例flex-shrink）并用于任务中最后一行的自适应
资料 http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html
学习header main footer三段式经典布局要领
资料 https://blog.csdn.net/Gabriel_wei/article/details/91046728
完成task5的下半部分
初步完成task5
学习了解图标字体，常用字体库（阿里的iconfont和国外的font-awesome）
遇到的问题
当页面缩小后main部分被footer覆盖，并且没有出现滚动条
原因&解决办法
布局错误，阅读资料后重新布局
header main footer均使用相对定位确定位置大小，
main使用overflow：auto；属性
遇到的问题
分割线css样式一样却粗细不一样
原因
样式使用display：inline-block；在html中存在空格
解决办法
改变html结构
明日计划
尝试使用css完成小图标
上传代码至github并同步服务器
着手task6
今日成果
收获
使用inline-block需注意HTML结构带来的影响
学会经典三段式布局结构
对flex弹性盒的shrink属性记忆加深 对flex布局更加熟练
返回列表
评论