前端学习笔记（五）

学习完w3school中的html和css基础，尝试着做一些简单的页面

① 用表格进行布局，表格进行布局，好处在于代码简单，逻辑性不是很强，实现快，但是如果需要修改页面的话，就比较麻烦，而且有时候加载页面时间比较长。下面是实现的页面效果。

表格进行布局的时候有多重嵌套，需要细心，防止出现漏写或者标签未关闭的情况，造成时间上的不必要的浪费。



②使用div+css进行简单的页面制作。这种布局模式逻辑性强，会出现重叠或者错位的情况。作者在制作的时候就因为没有在一个div块里面操作造成了很大的错误。下面是实现的效果图（练习效果，页面很丑，大家当做反面教材吧）还有一个严重的错误就是给块定义宽度的时候使用了绝对宽度，导致网页在放大和缩小的时候造成了网页布局上面的错乱，在此建议大家，以后给div块定义宽度的时候使用相对宽度，不要使用绝对宽度，这样就可以适应网页的放大和缩小


因为在布局的时候出现的一个错误，导致最后出现的结果不尽如人意。比如无法适应其他浏览器，我用的是chrome，然后就是在页面进行放大缩小的时候，页面会出现错位的情况，究其原因就是在布局的时候，没有在一个整体上面进行操作，导致只在一种情况下制作页面， 最终的效果也就非常差。下面是将页面进行放大以后的效果：