发表于: 2018-09-08 23:57:36

1 762


今天完成的事情:

提交了一次任务7,但是有些不达标的地方,以及代码不符合语义化。

修改了每个页面的头部,之前没有做到居中的位置,修改使用flex的aljgn-items:center来做垂直居中。


第一个页面的main部分被header覆盖了一部分,给main添加了上部margin。

按钮部分使用了a标签,修改为了button。


第二个页面的音频和文字提示部位因为是用文字撑起的高度,当里面的p标签清除后,父元素高度会消失,p标签的伪元素也会消失。重新设置了父元素的高度,伪元素设置给了父元素标签。


第三个页面的footer同样没有做到垂直居中,高度是使用里面的button撑起,修改成使用footer的高度,用flex来做垂直居中.两个button使用了rem单位,不能随着页面缩放,修改用百分比单位。


三个页面的main部分都使用了大量的div和p和无用的嵌套标签,改为使用了ul和li标签,让代码更加的整洁,清除了无用的嵌套标签。


明天计划的事情:

完成任务8的切图,学习bootstrap的格栅布局,做出页面的大概布局。


遇到的困难:

不知道要怎么给button插入超链接来实现跳转页面,后经师兄指导使用了onclinck插入超链接,实现了跳转。


收获:

经过任务7后,写出的代码更加符合语义化,学会了用flex的各种属性,了解了bootstrap框架。

学会了使用button模拟a标签的效果。





返回列表 返回列表
评论

    分享到