传统表格布局方式实际上是利用了天津网站建设,天津网站制作,天津做网站表格元素具有的无边框特性,由于表格元素可以在显示时候使得单元格的边框和间距设置为0,即不显示边框,因此可以讲天津网站优化,天津网站制作公司,天津网站建设公司,汽车玻璃网页中的各个元素按照版式划分放入表格的各个单元格中,从而实现复杂的排版组合。钢板桩租赁,天津废锡回收
表格布局的代码最常见的是在html标签i嵌入一些设计代码,表格布局的混合式代码就是这样编写的,大量样式设计代码混杂在表格,单元格中,使得可读性大大降低,维护起来成本也相当高,尽管现在有像dreamweaver这样优秀的软件能帮助我们可视化的进行这些代码的编写,而有经验的网页设计者都知道,软件永远不会智能到帮助你缩减代码或是重写代码,只有你需要什么,它帮你写入什么样式,最终结果是表格中到处留下设计的足迹,混合式代码也由此而生。
复杂的表格设计使得设计极为不易,修改更加复杂,最后生成的网页代码除了表格本身的代码,还有许多无意义的透明gif占位符,文件量巨大,最终导致浏览器下载及解析速度变慢。
而使用css布局则可以从根本上改变这种情况,css布局的重点不再放在table元素的设计中,取而代之的是html中的另一个元素div,div可以理解为图层或是一个块,div是一种比表格简单的元素,从语法上只有<div></div>这样一个简单的定义, div的功能仅仅是用于将一段信息给标记出来用于后期的样式定义,这里的将信息标记,就是我们前面所提到的网页的结构部分,通过div的使用,我们可以将网页中的各个元素划分到各个div中,成为网页中的结构主体,而样式表现则由css来完成。
div在使用时不需要像表格一样通过其他内部的单元格来组织版式,通过css强大的样式定义功能可以比表格更简单更自由的来控制页面版式及样式。
html中只保留了div标签及其中的内容,所有的样式设计代码均在css文件编写,这也就实现了css布局的第一个目标,表现和内容的分离。
从样式设计的角度看,css对当前命名为content的viv定义了许多属性,如上边距,浮动方式,背景色,文本对齐方式,这些样式有些在html标签中可以直接实现,而类似上边距等设计形式则是html本身不具备的。
不仅如此,这套代码可以应用到所有使用class="content"的div或其他对象使用,充分提高代码利用率,效率也大大提高。