发表于： 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标签的效果。
返回列表
评论