发表于: 2018-09-09 20:40:34

1 744


今天完成的事情:(一定要写非常细致的内容,比如说学会了盒子模型,了解了Margin) 

完成任务四的修改,将手机号码input修改为限制11位纯数字

完成了任务五。


明天计划的事情:(一定要写非常细致的内容) 
学习任务六的内容。

雪碧图、bootstrap


遇到的问题:(遇到什么困难,怎么解决的) 

下图箭头处我用了单独的边界放出来的效果,但高度始终做不到设计图上的效果,用Chrome查看元素后发现,不管是p元素或者span元素,字高无法完全达到内容区高度,内容区永远和字体之间有空隙。搜索后发现这个高度好像是由字体决定的。


布局排版是用了flex来做的,发现flex虽然对排版很灵活,但唯一的缺点就是要建立的盒子太多了。刚开始每个盒子都建立了一个div,后来参照了师兄的成果用了无序列表,改动之后方便了许多。原先的文字我都是用p来写,参照师兄的成果后也开始改用span。



收获:(通过今天的学习,学到了什么知识)

学会了无序列表在布局中的应用

学会了span在布局中的应用

学会了flex-shrink的使用

学会了背景图片的使用




返回列表 返回列表
评论

    分享到