网页布局简介.docVIP

div css目录 HYPERLINK /view/399288.htm \l 1#1 什么是DIV+CSS 网页重构 HYPERLINK /view/399288.htm \l 2#2 DIV+CSS的优势何在？ HYPERLINK /view/399288.htm \l 3#3 CSS放入网页的几种方式 HYPERLINK /view/399288.htm \l 4#4 CSS＋DIV网站设计的问题 HYPERLINK /view/399288.htm \l 5#5 使用DIV+CSS布局网站的优点和缺陷 HYPERLINK /view/399288.htm \l 6#6 Div+CSS常见错误总结 HYPERLINK /view/399288.htm \l 7#7 DIV+CSS常用编辑工具 HYPERLINK /view/399288.htm \l 8#8 DIV+CSS浏览器兼容办法 HYPERLINK /view/399288.htm 编辑本段什么是DIV+CSS 网页重构　　DIV+CSS是网站标准（或称“WEB标准”）中常用术语之一，通常为了说明与HTML HYPERLINK /view/828.htm \t _blank 网页设计语言中的表格（table）定位方式的区别，因为XHTML网站设计标准中，不再使用表格定位技术，而是采用DIV+CSS的方式实现各种定位。 　　HTML语言自HTML4.01以来，不再发布新版本，原因就在于HTML语言正变得越来越复杂化、专用化。即标记越来越多，甚至各个 HYPERLINK /view/7718.htm \t _blank 浏览器生产商也开发出只适合于其特定浏览器的HTML标记，这显然有碍于HTML网页的兼容性。于是W3C组织进而重新从SGML中获取营养，随后，发布了XML，XML是一种比HTML更加严格的标记语言，全称是 HYPERLINK /view/159832.htm \t _blank 可扩展标记语言（EXtensible Markup Language）。但是XML过于复杂，且当前的大部分浏览器都不完全支持XML。于是XHTML这种语言就派上了用场，XHTML语言就是一种可以将HTML语言标准化，用XHTML语言重写后的HTML页面可以应用许多XML应用技术。使得网页更加容易扩展，适合自动数据交换，并且更加规整。说了这么多，现在该说正题了——CSS。其实CSS单独使用除了麻烦一点之外，我个人觉得并无明显的优于HTML的好处。而关键就在于其与 HYPERLINK /view/76320.htm \t _blank 脚本语言（如Javascript）及XML技术的融合，即CSS+Javascript+XML（实际上有一种更好的融合：XML+XSL+Javascript）——但XSL，即可扩展样式表语言相较于CSS过于复杂，不太容易上手。自从CSS出现之后，HTML终于摆脱了杂乱无章的恶梦，开始将页面内容与样式分离。说了这么多，其实，个中真谛，还得使用过后才知道，所以，现在就开始学习使用吧。 　　DIV元素是用来为HTML文档内大块（block-level）的内容提供结构和背景的元素。DIV的起始标签和结束标签之间的所有内容都是用来构成这个块的，其中所包含元素的特性由 HYPERLINK /view/1393958.htm \t _blank DIV标签的属性来控制，或者是通过使用样式表格式化这个块来进行控制。 　　在可以预计的将来，table的地位依然十分重要，于是，如google之流依然会生意兴隆。但是div代表的是网络世界发展的方向。它们一个简单，一个先进，萝卜白菜，您选什么都是有可取之处的．我们都会按您的要求认真服务的！ 　　div是html(超文本语言)中的一个元素,div+css 是一种网页的布局方法,这一种网页布局方法有别于传统的table布局,真正地达到了w3c内容与表现相分离. 　　div 是标签 css是层叠样式表 　　DIV+CSS高级布局已逐渐流行，但面对所谓DIV+CSS布局的叫法让人更为担心，不要让DIV成为Table的替代品，多层嵌套的DIV会严重影响代码的可阅读性，活用HTML为我们提供的标签吧。 　　什么时候应该用DIV？ 　　虽然在这方面没有什么硬性的规定,但个人认为DIV更适用于大体框架的定位.例如我们要定义一块头部的区域,一般会这样定义一个DIV： 　　这里就是头部框架里要写的内容 　　当然,可以用class来定义，但一般来讲如不是在同一页面会重复的元素，用id能更好的区别开来。 　　查看如下定义代码 　　ul id=navbar 　　li id=articles 　　Articles/li 　　li id=t