学习完w3school中的html和css基础,尝试着做一些简单的页面
① 用表格进行布局,表格进行布局,好处在于代码简单,逻辑性不是很强,实现快,但是如果需要修改页面的话,就比较麻烦,而且有时候加载页面时间比较长。下面是实现的页面效果。
表格进行布局的时候有多重嵌套,需要细心,防止出现漏写或者标签未关闭的情况,造成时间上的不必要的浪费。
②使用div+css进行简单的页面制作。这种布局模式逻辑性强,会出现重叠或者错位的情况。作者在制作的时候就因为没有在一个div块里面操作造成了很大的错误。下面是实现的效果图(练习效果,页面很丑,大家当做反面教材吧)还有一个严重的错误就是给块定义宽度的时候使用了绝对宽度,导致网页在放大和缩小的时候造成了网页布局上面的错乱,在此建议大家,以后给div块定义宽度的时候使用相对宽度,不要使用绝对宽度,这样就可以适应网页的放大和缩小
因为在布局的时候出现的一个错误,导致最后出现的结果不尽如人意。比如无法适应其他浏览器,我用的是chrome,然后就是在页面进行放大缩小的时候,页面会出现错位的情况,究其原因就是在布局的时候,没有在一个整体上面进行操作,导致只在一种情况下制作页面, 最终的效果也就非常差。下面是将页面进行放大以后的效果: