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