CSS、DIV学习总结：

1、CSS（Cascading Style Sheet）层叠样式表。用于控制网页元素外观；使用
DIV+CSS的布局方式改变了传统html+table的布局方式。 DIV+CSS的布局方法简单来说就是使用div标签作为容器，使用CSS技术来排布div标签的布局方法。
2、CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。
3、声明： 声明中属性和值之间用冒号隔开；
声明中可以包含多个属性；
使用多重声明时，每个声明用分号隔开；
声明的大括号必须书写完整。
4、选择器 ：
(1)标签选择器：若要使文档中的所有p标签都使用同一个CSS样式，就应使用 标签选择器。例如：p ｛color:#000；｝
(2)类选择器：.class｛color:#000；｝将类型为该类的标签指定样式（. 类名）
(3)ID选择器：一个ID选择器只能把其CSS样式指定给一个标签。
#id{color:#000;}
(4)全局选择器：它能作用于XHTML文档中的所有元素，即用全局选择器声明的CSS 样式可以应用于整个XHTML文档的任何标签。
* ｛color:#000;｝
(5)组合选择器： 标签选择器、类选择器和ID选择器是可以组合起来使用的。一般的组合方式是标签选择器和类选择器组合，标签选择器和ID选择器组合。组合选择器只是一种组合形式，并不算是一种真正的选择器。
例：p.one{color:#000;} 给class为 one的p标签指定样式。
#id.class 给该class类型的有该id的标签指定样式。
(6) 继承选择器：table span{color: chartreuse} 给table中的span标签指定样式
(7)属性选择器：（属性选择符）例: input[type=“text”]{color: gold}
span[class=demo] { color: red; }
(8)伪类：就是假的类，使用伪类可以表示某个标记的不同的状态，例如A标记。
伪类也是选择器的一种，但是用伪类定义的CSS样式并不是作用在标签上的，伪类作用在标签的状态上。由于很多浏览器支持不同类型的伪类，没有一个统一的标准，所以很多伪类都不常被用到。但是有一组伪类是主流浏览器都支持的，就是超链接的伪类，包括:link、:active、vistited和:hover。
a:link｛｝:未访问过
a:visited｛｝：已访问过
a:active｛｝：正在访问
a:hover｛｝：悬停
5、选择器的优先级：
!important 最高 例： p {color: black !important;}
inline style 内联（在标记中单独设置）
id selector id
class selector 类
element selector 标签
* universal selector 全局

6、定义样式：
（1） 内联，直接在标记的style属性设置样式

hello

（2）定义内部样式块
在head标记中，定义一个
（4）链入外部样式表

7、div标记：div是一个浮动块；是一个块级元素；可以把它看作一个容器；

8、盒子模型中的概念
border(边框)：
pading(内补丁)
margion(外补丁)
9、 块级元素与行内元素：所有的XHTML页面元素只有两种，一是块级元素一是行内元素。块级元素一般都从新行开始，它可以容纳行内元素和块级元素。行内元素只能容纳文本或其他行内元素。

10、CSS的布局方式；
（1）常规流；是指页面元素按照所在XHTML文档的位置顺序排列的布局方式。在没有添加其他布局方式的情况下，页面遵循常规流的布局方式。
（2）浮动;float:left; right; 浮动的元素可以向页面的左边或者右边移动，直到其边缘接触到其父元素的边框或者另外一个浮动元素的边框。
清除浮动：
使用浮动后，常产生很多意外的结果，因为浮动的元素会脱离原来 的常规流。浮动元素可能会覆盖一些非浮动的元素，这时需要使用CSS的clear属性来清除浮动。clear属性有四个值，分别是none、left、right和both，以下是四个值的意义。
none：允许两边都可以有浮动对象；
both：不允许有浮动对象；
left：不允许左边有浮动对象；
right：不允许右边有浮动对象。
（3）定位(绝对，相对)：CSS提供position属性用于定位。使用position定 位可以定义元素相对其父元素或者其他元素的精确位置。Position属性共有四个关键字值，分别是static、absolute、relative和fixed。
用top、bottom、left和right属性来确定。这四个属性能使用长度单位或者关键字auto来设置。
相对：例如： position: relative; top:10px; left: 50px; 相对自身下移10px，想右50px。
绝对： position: absolute; top: 210px; left: 50px;

11、z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。格式:z-index: 9;
Z-index 仅能在定位元素上奏效.