发表于： 2018-09-09 20:40:34
1 744
今天完成的事情：（一定要写非常细致的内容，比如说学会了盒子模型，了解了Margin）
完成任务四的修改，将手机号码input修改为限制11位纯数字
完成了任务五。
明天计划的事情：（一定要写非常细致的内容）
学习任务六的内容。
雪碧图、bootstrap
遇到的问题：（遇到什么困难，怎么解决的）
下图箭头处我用了单独的边界放出来的效果，但高度始终做不到设计图上的效果，用Chrome查看元素后发现，不管是p元素或者span元素，字高无法完全达到内容区高度，内容区永远和字体之间有空隙。搜索后发现这个高度好像是由字体决定的。
布局排版是用了flex来做的，发现flex虽然对排版很灵活，但唯一的缺点就是要建立的盒子太多了。刚开始每个盒子都建立了一个div，后来参照了师兄的成果用了无序列表，改动之后方便了许多。原先的文字我都是用p来写，参照师兄的成果后也开始改用span。
收获：（通过今天的学习，学到了什么知识）
学会了无序列表在布局中的应用
学会了span在布局中的应用
学会了flex-shrink的使用
学会了背景图片的使用
返回列表
评论