div+css布局

伪类选择器:ie6不支持装饰div，通常用在a标签

a：hover{

font-size:12px;

color:red;

}

class和伪类的结合 s1为class

a.s1:hover{

}

a:link {color: #FF0000} /* 未访问的链接 */

a:visited

{color: #00FF00} /* 已访问的链接 */

a:hover

{color: #FF00FF} /* 鼠标移动到链接上 */

a:active

{color: #0000FF} /* 选定的链接 */

构造文本

text-indent: ;

text-algin: ;

一行文字所在的一个逻辑区域是行元素，其他的元素就都是块元素。

line-height只针对行元素，height针对其他所有元素。

height： 块高

line-height: ;行高，内容相对于行height居中可以让height和line-height等高

word-spacing: 英文单词间距

letter-spacing: 中午单词间距

font-family:微软雅黑，宋体，黑体； 依次从左往右，用户有哪种字体就用哪个字体，从C:\Windows\Fonts找

块元素（自成行）和内联元素（可同行）

display

flow： 浮动是块元素浮起来，位置会被下面的元素占用 clear清除浮动

position：relative；相对定位相对本身位置进行定位，占用位置还在，位置不会被占用

position：absolute；绝对定位，相对于body进行定位

position：fixed；固定定位，相对于body定位，不随滚动条移动而动