一、DIV+CSS基本介绍：

DIV+CSS是网站标准（或称“WEB标准”）中常用术语之一，div+css 是一种网页的布局方法，这一种网页布局方法有别于传统的HTML网页设计语言中的表格（table）定位方式，可实现网页页面内容与表现相分离。XHTML是The Extensible HyperText MarkupLanguage（可扩展超文本标识语言）的缩写。XHTML基于可扩展标记语言（XML），是一种在HTML 基础上优化和改进的新语言，目的是基于XML应用与强大的数据转换能力，适应未来网络应用更多的需求。在XHTML网站设计标准中，不再使用表格定位技术，而是采用DIV+CSS的方式实现各种定位。

叠样式表（Cascading Style Sheets）的缩写，用于定义HTML元素的显示形式，是W3C推出的格式化网页内容的标准技术。网页设计者必须掌握的技术之一。样式表可分为嵌入式样式表、外部样式表和内联样式表三种，在同一文档内可以同时使用三种方法。

二、CSS+DIV发展：

1、样式定义放在一个单独的文件中

例：新建一个后辍为CSS的样式定义。

元素{ 属性color:值red；} 在head段使用<link>标记，

引用语法：<link rel=”stylesheet” type=”text/css”href=”样式表URL” />

2、嵌入式样式表：

<style>元素段必须出现在head段内，有一个开始和结束标记，并且可以有多个<style>段

语法格式： <style type=”text/css”>

3、在嵌入式样式表

我们可以使用@import导入一个外部样式表，例：

<styletype=”text/css”>

@import url(外部样式表位置)；

…其它嵌入式的样式定义…

</style>

4、内联样式表：

写在开始标记里面，比如你要H1变红色，

<h1style=”color:red;”>变为红色</h1>

总结： 三种样式表优先使用外部样式表、嵌入式样式表用来调试用的、一般不使用内联样式表。

5、样式规则。

一个样式规则由一个选择器后跟一个声明块组成，声明块是一个大容器,由大括号中间的部分组成,声明块中间的空间会被忽略,,声明块由一个一个的声明组成,声明由属性和值组成,属性和值用冒号隔开,分号结束，每个声明内只能有一个属性，如果属性值中含有空格用双引号括起来例，在一个声明块内可以有多个声明，每个声明用分号隔开