CSS作为布局格式化和修饰的工具，为数据和表现相分离提供了强有力的支持，也受到人们越来越多的重视。作为技术交流平台，我们将CSS的各常用属性、伪类、伪对象及用法制作成了在线手册，供大家学习查询使用。

一、布局属性

1、float：设置对象是否以及如何浮动；

2、margin：设置对象和其他对象或内容之间的距离；

（1）margin-top、（2）margin-right、（3）margin-bottom、（4）margin-left分别设置了对象和其他对象或内容之间的上、右、下、左之间的距离；

3、padding：设置对象的子对象或内容到此对象边缘的距离；

（1）padding-top、（2）padding-right、（3）padding-bottom、（4）padding-left分别设置了对象的子对象或内容到此对象上、右、下、左边缘的距离；

4、clear：表示不允许有浮动对象的边，即取消上一个浮动对象对此对象的影响；

5、overflow：设置当对象的内容超出其指定的范围时将如何管理内容；

overflow-x（非标准）：设置当对象的内容超出其指定的宽度（即X轴）时将如何管理内容；

overflow-y（非标准）：设置当对象的内容超出其指定的高度（即Y轴）时将如何管理内容；

6、display：设置该对象是否以及如何显示；

7、visibility：设置该对象是否显示。和display不同的是，即使不显示此对象也会显示空的占位；

8、position：设置对象的定位方式；

9、z-index：设置对象的层叠顺序；

10、width：设置对象的宽度；

max-width：设置该对象的最大宽度；min-width：设置该对象的最小宽度；

11、height：设置对象的高度；

max-height：设置该对象的最大高度；min-height：设置该对象的最小高度；

12、top、right、bottom、left：设置该对象与其最近的一个具有定位设置的父对象相关的位置。分别为上、右、下、左四个位置，此四个属性只在该对象的定位（position）属性被设置时有效；

二、文本、文字属性

1、font：设置对象中文本的特性。该属性是符合属性，可由以下属性组合使用，也可由以下属性分开定义；

（1）font-style：设置对象中字体的样式；（2）font-variant：设置对象中文字是否为小型大写字母；（3）font-weight：设置对象中文字的粗细；（4）font-size：设置对象中文字的大小；（5）line-height：设置对象的行高；（6）font-family：设置对象中文字的字体；

2、color：设置对象中文字的颜色；

3、text-indent：设置对象中首行文本的缩进值；

4、text-align：设置对象中文本的对齐方式；

5、vertical-align：设置对象中文本的垂直对齐方式；

6、text-decoration：设置对象中文本的修饰；

7、letter-spacing：设置对象中的文字之间的间距；

8、word-spacing：设置对象中的单词之间的间距；

9、white-space：设置对象中空格的处理方式；

10、text-transform：设置对象中英文文本的大小写；

11、word-break（非标准）：设置对象内文本的换行方式；

12、text-overflow（非标准）：设置当对象中的文本超出范围时是否使用省略标记（...）；

13、word-wrap（非标准）：设置当当前行超出指定容器的边界时是否换行；

14、layout-flow（非标准）：设置对象中文字的横向或纵向排版；

15、writing-mode（非标准）：表现形式同layout-flow相同；

16、direction：设置对象中文本的进入方向；

17、unicode-bidi：设置对象中文本字符的显示方向。相当于把文字进行了水平翻转。与direction一起使用；

三、背景属性

1、background：用于设置背景的所有特性。该属性是复合属性。可由以下属性组合使用，也可由以下属性分开定义；

（1）background-image：设置对象的背景图像；（2）background-color：设置对象的背景颜色；（3）background-repeat：设置对象的背景图片是否以及如何平铺；（4）background-attachment：设置对象的背景是否随内容滚动；（5）background-position：设置对象背景图片的位置；

四、列表属性

1、list-style：用于设置列表的所有相关样式。该属性是复合属性。可由以下属性组合使用，也可由以下属性分开定义；

（1）list-style-type：设置对象的列表项所使用标记符号的样式；（2）list-style-image：设置对象的列表项标记的图像；（3）list-style-position：设置对象的列表项标记的放置位置；

2、marker-offset：设置标记容器和主容器之间水平补白。即两个容器靠近的一边的间距；

五、其它

1、cursor：设置在对象上移动的鼠标指针采用的光标形状；

2、zoom：设置对象的缩放比例；

3、clip：设置对象的可视区域。可视区域外的部分是透明的；

六、伪类

1、:link：设置a对象在未被访问前的样式；

2、:hover：设置对象在其鼠标悬停时的样式；

3、:active：设置对象在被用户激活（在鼠标点击与释放之间发生的事件）时的样式。；

4：:visited：设置a对象在其链接地址已被访问过时的样式。；

七、伪对象

1、:first-letter：设置对象内的第一个字符的样式；

2、:first-line：设置对象内的第一行的样式；

八、单位

1、相对长度单位：包括：（1）px：像素；（2）em：相对于当前对象内文本的字体尺寸；（3）ex：相对于字符“x”的高度。此高度通常为字体尺寸的一半；

2、绝对长度单位：包括：（1）pt：点Point；（2）pc：派卡Pica；（3）in：英寸Inch；（4）cm：厘米Centimeter；（5）mm：毫米Millimeter；

3、颜色单位

（1）#RRGGBB：十六进制正整数；（2）rgb(R,G,B)：分别为红、绿、蓝色的正整数或百分数的值；（3）Color Name：颜色名称；

4、时间单位

（1）s：秒，时间的国际主单位；（2）ms：毫秒，等于千分之一秒；

5、角度单位

（1）deg：度，一个圆圈的360等分之一；（2）grad：梯度，一个直角的100等分之一；（3）rad：弧度，把一个圆圈分成2*PI单位；

6、频率单位

（1）kHz：千赫；（2）Hz：赫兹；

持续更新中。