大成未来
章小姣
DIVCSS网页布局教程
一、传统table布局传统Table布局方式只是利用了HTML的table元素所具有的零边框特性因此，Table布局的核心是：设计一个能满足版式要求的表格结构，将内容装入每个单元格中，间距及空格使用透明gif图片实现，最终的结构是一个复杂的表格（有时候会出现多次嵌套），显然，这样不利于设计和修改。二、table布局的缺点1、设计复杂，改版时工作量巨大2、表现代码与内容混合，可读性差3、不利于数据调用分析4、网页文件量大，浏览器解析速度慢如蜗牛三、web标准的构成结构：用来对网页中的信息进行整理与分类，结构：用来对网页中的信息进行整理与分类，常用的技术有：常用的技术有：HTML、XHTML、XML、、表现：用于对已经被结构化的信息进行显示上的修饰，包括版式颜色大小等表现：用于对已经被结构化的信息进行显示上的修饰，包括版式颜色大小等主要技术就是CSS目前版本20目前版本行为：行为：是指对整个文档内部的一个模型进行定义及交互行为的编写主要技术有：文档对象模型、脚本语言主要技术有：DOM文档对象模型、ECMAScriptJavaScript脚本语言文档对象模型四、web标准布局标准的网站设计的核心目的：基于Web标准的网站设计的核心目的：如何使网页的表现与内容分离！如何使网页的表现与内容分离！这样做的好处：这样做的好处：高效率的开发与简单维护高效率的开发与简单维护信息跨平台的可用性降低服务器成本；降低服务器成本；加快网页解析速度更良好的用户体验那么，那么，CSS20从真正意义实现了设计代码与内容分离真正的表现与内容完全分离，代码可读性强，真正的表现与内容完全分离，代码可读性强，样式可重复应用五、css布局代码示例HTML代码：代码：DOCTYPEhtmlPUBLIC