标题：div css
正文
方法叠样式表（Cascading Style Sheets）的缩写，用于定义HTML元素的显示形式，是W3C推出的格式化网页内容的标准技术。网页设计者必须掌握的技术之一。
在HTML文档中加入CSS
样式表可分为嵌入式样式表、外部样式表和内联样式表三种，在同一文档内可以同时使用三种方法。[1]发展1、样式定义放在一个单独的文件中，例：新建一个后辍为CSS的样式定义。
元素{ 属性color:值red；} 在head段使用<link>标记，
引用语法：<link rel=”stylesheet” type=”text/css” href=”样式表URL” />
2、嵌入式样式表：
<style>元素段必须出现在head段内，有一个开始和结束标记，并且可以有多个<style>段
语法格式： <style type=”text/css”>
…样式定义…
样式
3、在嵌入式样式表中我们可以使用@import导入一个外部样式表，例：
<style type=”text/css”>
@import url(外部样式表位置)；
…其它嵌入式的样式定义…
</style>
4、内联样式表：
写在开始标记里面，比如你要H1变红色，
<h1 style=”color:red;”>变为红色</h1>
总结： 三种样式表优先使用外部样式表、嵌入式样式表用来调试用的、一般不使用内联样式表。
5、样式规则。
一个样式规则由一个选择器后跟一个声明块组成，声明块是一个大容器,由大括号中间的部分组成,声明块中间的空间会被忽略,,声明块由一个一个的声明组成,声明由属性和值组成,属性和值用冒号隔开,分号结束，每个声明内只能有一个属性，如果属性值中含有空格用双引号括起来例，在一个声明块内可以有多个声明，每个声明用分号隔开。
选择器
声明块
选择一个元素
声明{ }
属性 : 值;
冒号开始分号结束
6、注释：有关的详细内容在中有详细的解释。
7、选择器分组
当遇到几个选择器共享一个声明的时候，可以分组放在一起，每个选择器必须以逗号隔开。例：h1,h2,h3,h4 { color red;}选择器分组时要将每个选择器路径写全，分组结尾不能有逗号。
例：路径不全： #maincontent p, ul{ border-top:1pxsolid #ddd;}
正确写法：#maincontent p, #maincontent ul{ border-top:1pxsolid #ddd;}
例：结尾多了一个逗号： .a1 p, .a1 ul,{color:red;}
8、选择器
元素选择器：语法格式： 元素{color: blue;}
类选择器： 语法格式： .类名{属性: 值;}
ID选择器：#id名 {属性 : 值；} ID名不能重复
通配符选择器：语法格式：*{属性:值;}
伪类选择器：
伪类选择器可以以不同方式格式化超级链接<a>元素的四种不同状态：以下顺序依次写；（记忆方法：a Love or Hate）
a:link 是用在未访问的链接的选择器
a:visited 是用在已访问过的链接的选择器
a:hover 是用在鼠标光标放在其上的链接的选择器
a:active 是用在获得焦点（比如，被点击）的链接的选择器
如果需要，我们可以组合这几个状态，按顺序写：
a:link，a:visited { color :blue;}
a:hover ，a:active { color :blue;}
9、伪元素选择器
标准的选择器不能格式化一个元素内容的第一个字母或者第一行，而伪元素选择器能实现：
所有浏览器支持的有两种： ：first-line和 ：first-letter
例：段落的第一行：p：first-line {属性：值；}
例：段落的第一个字母：p：first-letter {属性：值；}
CSS优先级
1、什么是CSS优先级?所谓CSS优先级，即是指CSS样式在浏览器中被解析的先后顺序。[2]2、CSS优先级规则既然样式有优先级，那么就会有一个规则来约定这个优先级，而这个“规则”就是本次所需要讲的重点。　　样式表中的特殊性描述了不同规则的相对权重，它的基本规则是：　　1、统计选择符中的ID属性个数。　　2、统计选择符中的CLASS属性个数。　　3、统计选择符中的HTML标记名个数。　　最后，按正确的顺序写出三个数字，不要加空格或逗号，得到一个三位数(css2.1是用4位数表示)。( 注意，你需要把数字转换成一个以三个数字结尾的更大的数)。相应于选择符的最终数字列表可以很容易确定较高数字特性凌驾于较低数字的。　　例如：　　1、每个ID选择[1]符(#someid)，加 0,1,0,0。　　2、每个class选择符(.someclass)、每个属性选择符(形如[attr=value]等)、每个伪类(形如:hover等)加0,0,1,0。　　3、每个元素或伪元素(:firstchild)等，加0,0,0,1。　　4、其它选择符包括全局选择符*，加0,0,0,0。相当于没加，不过这也是一种specificity，后面会解释。[2]
使用误区
[3]1、用div+css结构制作静态html网页等于彻底抛弃古老的table写法。
之所以不建议用table来布局网页是因为在网页加载很慢的时候要等table结构加载完成才能看到网页，其次是table的布局没有一定的语义，网页代码修改起来比较麻烦。但table是专门用来写网页数据表格的，页面中出现类似excel数据的地方，建议用table来写。
2、div+css结构等于通篇区域都用div包起来。
遇到一个区块就用一个div标签，这样写完代码后全篇都是div，失去了语义的存在价值，区块修改起来也不容易找到，合理的利用dl、ul、ol、span、等标签，不仅让你的网页看起来条理清晰，而且修改起来很方便。
3、css文件一定要和html代码分开。
将css文件和html分开，是因为有些css同时为多个页面服务，而用户访问时css文件可以缓存在本地，下次再访问其他页面时就不用重复加载css，可以节约时间和流量，提高访问速度，但是如果网页有些区域的css是独一无二的，其他页面用不到，就不用把css剥离出去，直接用style标签包括在html网页里就可以。
4、用div和css写网页不用进行浏览器兼容测试。
一定要在不同类型和不同版本的浏览器进行测试。最好是同时打开多个浏览器，最少也得兼容ie6、7、8等版本。
在写一些栏目块时，特别是数据分类较多，比如“求购信息”的栏目块，顶部可能出现“发布人、发布时间、信息标题、联系方式”等项目，像这样的地方建议还是要用table来写，因为table是专门用来写数据表格的，控制起来很方便，而且符合语义要求，还有页面中出现类似excel数据的地方，也建议用table来写。
对seo的作用
1、精简的代码，使用DIV+CSS布局，页面代码精简，这一点相信对XHTML有所了解的都知道。观看更多的HTML教程内容。代码精简提高了百度蜘蛛的爬行效率以及高效性，能在最短的时间内爬完整个页面，同时这样对收录质量有一定好处;[4]
2、提高访问速度、增加用户体验性
使得加载速度得到很大的提高，那么用户点击页面的等待时间就越少，用户体验性的增加相应的带来就是网站受到搜索引擎的喜欢，进而提高网站排名。
3、div+css结构清晰，很容易被搜索引擎搜索到，天生就是适合优化了seo，降低网页大小，让网页体积变得更小。
4.缩短改版时间。只要简单的修改几个CSS文件就可以重新设计一个有成百上千页面的站点。这样可以大大节约工作的时间，提高了工作效率。
5.更方便搜索引擎的搜索。用只包含结构化内容的HTML代替嵌套的标签，搜索引擎将更有效地搜索到你的内容，并可能给你一个较高的评价。[5]