发表于: 2018-11-23 23:58:38
2 680
今天完成的事情:
1.改善了任务九相关页面对IE浏览器的兼容性,由于IE8无法安装,只能用现成的IE11了。
2.整合了任务九三个页面的头尾样式,更加统一化。
3.学习了些相关知识点。
明天或后天计划的事:任务九没啥问题了,就继续下一个任务十
遇到的问题:
1.整合头尾css样式时遇到类名冲突,最后在头尾根元素上添加了ID选择器,命名来源则是文件名,最后效果时这样的
2.在进行IE11兼容适配的时候,发现页尾的二维码的父元素所用的text-align无法被子元素(二维码)继承,所以改用margin-left:auto来右对齐,但二维码上面的H3元素并没有如愿的靠右对齐,最后把H3给限宽,才生效了。
收获:
1.div+css布局较table布局有哪些优点及table布局的好处?
1,其实也是div+css布局的第一个特点,table标签被严格地定义为存放数据的一个区域,而不是布局工具,它的布局形式不符合W3C标准,没有实现结构和表现的分离,它既有css的表现功能,也有html的结构功能。
2,table布局加载网页时,必须整体加载完,降低了网页的呈现速度,而div+css布局是边加载边显示的。
3,table布局在网页代码编写时,有时需要嵌套多重表格才能实现,但使用div+css布局,相对而言会减少许多嵌套时的代码,更容易检查和维护。
4,table布局不方便表现的更换,使用div+css布局,大多只要更改css样式表就能变化表现形式。
5、易于维护和改版。
table布局的好处(table布局也不是一点用的没有,这点是毋庸置疑的)
1.容易上手。
2.可以形成复杂的变化,简单快速。
3.表现上更加“严谨”,在不同浏览器中都能得到很好的兼容。
2.关于margin负值的应用:
两种应用,一是父元素上添加margin-right负值,让每一排最后一个子元素的右边框对齐父元素的右边框,二是子元素上添加margin-bottom负值让最后一排最后一个子元素的下边框对齐父元素的下边框
评论