css+div[编辑]
DIV元素是用来为HTML文档内大块（block-level）的内容提供结构和背景的元素。DIV的起始标签和结束标签之间的所有内容都是用来构成这个块的，其中所包含元素的特性由DIV标签的属性来控制，或者是通过使用样式表格式化这个块来进行控制。
虽然对于在什么时候用div没有什么硬性的规定,但DIV更适用于大体框架的定位.例如我们要定义一块头部的区域,一般会这样定义一个DIV：
这里就是头部框架里要写的内容
当然,可以用class来定义，但一般来讲如不是在同一页面会重复的元素，用id能更好的区别开来。
查看如下定义代
Articles
Topics
About
Contact
Contribute
Feed
No. 214
定义了最上面的导航（ul部分），左边的大logo和那个圆圆的No.xxxx的标记.。
他没有使用DIV来做顶部的框架，但却很好的说明了这些代码的用途，为什么?因为他活用了HTML提供的标签,以及样式名称的定义
编辑本段流行优势
1、符合W3C标准。微软等公司均为W3C支持者。这一点是最重要的，因为这保证您的网站不会因为将来网络应用的升级而被淘汰。
2、支持浏览器的向后兼容，也就是无论未来的浏览器大战，胜利的是IE7或者是火狐，您的网站都能很好的兼容。
3、搜索引擎更加友好。相对与传统的table, 采用DIV+CSS技术的网页，对于搜索引擎的收录更加友好。
4、样式的调整更加方便。内容和样式的分离，使页面和样式的调整变得更加方便。 现在YAHOO,MSN等国际门户网站，网易，新浪等国内门户网站，和主流的WEB2.0网站，均采用DIV+CSS的框架模式，更加印证了DIV+CSS是大势所趋。
5、CSS的极大优势表现在简洁的代码，对于一个大型网站来说，可以节省大量带宽，而且众所周知，搜索引擎喜欢清洁的代码。
6、表现和结构分离，在团队开发中更容易分工合作而减少相互关联性。
编辑本段嵌入方式
行内套用
我们可以在HTML文件内直接宣告样式。
举例来说，Thisisfontsize16.
以上的HTML文件在浏览器上会显现为：Thisisfontsize16.
嵌入套用样式可以嵌入于HTML文件中(通常是在内)。
举例来说，背景颜色是红色
以上的HTML会显现出：背景颜色是红色
外部连接套用在这种方式下，所有的CSS样式宣告都是存在另外一个档案中。
该档案通常名称为.css。
在HTML文件的..之中，我们将用以下的程式码将这个.css档案连接进入：
以上这一行会将在external-stylesheet.css这个档案内所宣告的样式加入HTML文件内。
汇入套用汇入套用外部的CSS样式也可以被汇入进HTML文件。
汇入的做法为利用@import这个指令。
@import的语法为：
@import指令最初的用意，是为了能够针对不同的浏览器而运用不同的样式。不过，现在已经没有这个必要。现在用@import的目的，最常是要加入多个CSS样式。当多个CSS样式被@import的方式加入，而不同CSS样式互相有冲突时，後被加入的CSS样式有优先的顺位(详情请见CSS串接)。
还有一种嵌入的方式是直接写在标签上的，不过这种写法有些限制，大多数标签都可以接受这种解法:
这个代码通过直接嵌入标签的形式，使得标签内的文字更改颜色，而且根据css的优先调用级直接嵌入标签的写法也更直接更优先选择调用。
CSS+DIV布局优点
一、使页面载入得更快
由于将大部分页面代码写在了CSS当中，使得页面体积容量变得更小。相对于表格嵌套的方式，DIV+CSS将页面独立成更多的区域，在打开页面的时候，逐层加载。而不像表格嵌套那样将整个页面圈在一个大表格里，使得加载速度很慢。
二、降低流量费用
页面体积变小，浏览速度变快，这就使得对于某些控制主机流量的网站来说是最大的优势了。
三、修改设计时更有效率
由于使用了DIV+CSS制作方法，在修改页面的时候更加容易省时。根据区域内容标记，到CSS里找到相应的ID，使得修改页面的时候更加方便，也不会破坏页面其他部分的布局样式。
四、保持视觉的一致性
DIV+CSS最重要的优势之一：保持视觉的一致性；以往表格嵌套的制作方法，会使得页面与页面，或者区域与区域之间的显示效果会有偏差。而使用DIV+CSS的制作方法，将所有页面，或所有区域统一用CSS文件控制，就避免了不同区域或不同页面体现出的效果偏差。
五、更好地被搜索引擎收录
由于将大部分的HTML代码和内容样式写入了CSS文件中，这就使得网页中正文部分更为突出明显，便于被搜索引擎采集收录。
六、对浏览者和浏览器更具亲和力
我们都知道网站做出来是给浏览者使用的，对浏览者和浏览器更具亲和力，DIV+CSS在这方面更具优势。由于CSS富含丰富的样式，使页面更加灵活性，它可以根据不同的浏览器，而达到显示效果的统一和不变形。
CSS+DIV样式
网络营销词典内容均由网友提供，仅供参考。如发现词条内容有问题，请发邮件至info # wm23.com。