1 DIV+CSS 基础教程 第一节 了解DIV +CS S 一、什么是DIV+CSS DIV 元素是html(超文本语言)中的一个元素,是标签,用来为HTML文档内大块(block-level)的内容提供结构和背景的元素。DIV 的起始标签和结束标签之间的所有内容都是用来构成这个块的,其中所包含元素的特性由DIV标签的属性来控制,或者是通过使用样式表格式化这个块来进行控制。 css是英语Cascading Style Sheets(层叠样式表单)的缩写,它是一种用来表现 HTML 或 XML 等文件式样的计算机语言。 DIV+CSS是网站标准(或称“ WEB标准”) 中常用术语之一,通常为了说明与HTML网页设计语言中的表格( table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用DIV+CSS的方式实现各种定位。 HTML 语言自HTML4.01 以来,不再发布新版本,原因就在于HTML 语言正变得越来越复杂化、专用化。即标记越来越多,甚至各个浏览器生产商也开发出只适合于其特定浏览器的HTML标记,这显然有碍于HTML网页的兼容性。于是W3C组织进而重新从SGML中获取营养,随后,发布了XML,XML 是一种比HTML 更加严格的标记语言,全称是可扩展标记语言。但是XML 过于复杂,且当前的大部分浏览器都不完全支持XML。于是XHTML 这种语言就派上了用场,XHTML 语言就是一种可以将HTML 语言标准化,用XHTML 语言重写后的HTML 页面可以应用许多XML 应用技术。使得网页更 2 加容易扩展,适合自动数据交换,并且更加规整。 二、DIV+CSS 的优势 1、符合W3C 标准。这保证您的网站不会因为将来网络应用的升级而被淘汰。 2、对浏览者和浏览器更具亲和力。由于CSS 富含丰富的样式,使页面更加灵活性,它可以根据不同的浏览器,而达到显示效果的统一和不变形。 这样就支持浏览器的向后兼容,也就是无论未来的浏览器大战,胜利的是什么,您的网站都能很好的兼容。 3、使页面载入得更快。页面体积变小,浏览速度变快,由于将大部分页面代码写在了CSS当中,使得页面体积容量变得更小。相对于表格嵌套的方式,DIV+CSS将页面独立成更多的区域,在打开页面的时候,逐层加载。而不像表格嵌套那样将整个页面圈在一个大表格里,使得加载速度很慢。 4、保持视觉的一致性。以往表格嵌套的制作方法,会使得页面与页面, 或者区域与区域之间的显示效果会有偏差。而使用DIV+CSS的制作方法, 将所有页面,或所有区域统一用CSS文件控制,就避免了不同区域或不同页面体现出的效果...