CSS（Cascading Style Sheet ）级联样式表小结

CSS（Cascading Style Sheet ）级联样式表总结

首先，推荐几个学习CSS的网站

http://learning.artech.cn/ 前沿教室

http://java.itcast.cn/java/video.shtml 传智播客（jquery）

http://www.iteye.com/ java论坛

如果使用CSS不要忘了写DOCTYPE,文档类型定义。

标准盒子模型

CSS（Cascading Style Sheet ）级联样式表小结

1、元素分类

块级元素（block）

Div+css—IV和CSS均为容器）

<p> 是段落标记，块级元素。

行内元素

Span，不响应盒子模型的属性。

2、标准流

标签的排列方式。

3、盒子模型

把元素放入盒子

外边距（marjin）4（两个在一起的时候取最大值，不加和）

内边距（padding）4个

内容区（宽和高）

画框（border）4

样式可以写在一起。

4、浮动

脱离标准流。

5、定位

绝对:absolute 脱离标准流，绝对于包含该元素的盒子。

相对：相对原来位置relative 但未脱离标准流

6、超链接样式的设置

a:link是超级链接的初始状态

a:hover是把鼠标放上去时悬停的状况

a:active 是鼠标点击时

a:visited是访问过后的情况

7、CSS hack（关于CSS hack详细内容，请移步：http://baike.baidu.com/view/1119452.htm）

*margin-top:10px!important; /*仅IE678识别该规则*/

_margin 仅IE6识别。

而其他核心浏览器可以识别!Important(提高优先级)

解决IE空隙问题：Margin-top :-2em 让外边框向上两个e单位的距离即可

8、加载切图时一定要有这三个属性。

background-image

background-position

background-repeat: /*不重复*/

9、* 空间表示对所有的元素的设置