加入收藏 | 设为首页
该CSS属性参考是根据W3C的CSS2标准的属性参考说明和微软的CSS属性参考说明整理而成。两者有差异处，如默认值，则以Internet Explorer 的效果为准。
W3C 参考来源： W3C CSS2 Property Index
微软 参考来源：微软MSDN中的CSS Reference
该CSS属性用来设定前景色，通常用于设定元素的字体颜色。
该CSS属性是一个复合属性，是5个背景属性 background-color, background-image, background-repeat, background-attachment 和 background-position 的综合快捷写法。
该CSS属性用来设定背景图片是否随文档一起滚动。
该CSS属性用来设定对象的背景颜色。
该CSS属性用来设定元素的背景图片。
该CSS属性用来设定背景图片的位置。
该CSS属性用来设定背景图片是否重复平铺。
该CSS属性是各种字体属性的一种快捷的综合写法。
该CSS属性用来设定所用字体的名称。
该CSS属性用来设定字体的大小。
设定字体风格是斜体，正常，或是倾斜。
该CSS属性用来设定字体是正常显示，还是以小型大写字母显示。
该CSS属性用来设定字体的浓淡程度。
该CSS属性用来设定文本的书写顺序。
该CSS属性用来设定字符间距。
该CSS属性用来设定行间距。
该CSS属性用来设定文本的水平对齐方式。
该CSS属性用来审定文本的修饰效果，如上划线，下划线等。
该CSS属性用来设定文本块中第一行的缩进。
该CSS属性用来设定字体的大小写转换。
该CSS属性用来设定垂直对齐方式。
该CSS属性用来处理空白。
该CSS属性用来设定词与词之间的空间。
该CSS属性用来设定边框宽度，风格和颜色。
该CSS属性用来设定下边框宽度，风格和颜色。
该CSS属性用来设定下边框的颜色。
该CSS属性用来设定下边框的风格。
该CSS属性用来设定下边框的宽度。
该CSS属性用来设定表格的行和列的边框是合并成单边框，还是分别有各自的边框。
该CSS属性用来设定边框的颜色。
该CSS属性用来设定左边框宽度，风格和颜色。
该CSS属性用来设定左边框的颜色。
该CSS属性用来设定左边框的风格。
该CSS属性用来设定左边框的宽度。
该CSS属性用来设定右边框宽度，风格和颜色。
该CSS属性用来设定右边框的颜色。
该CSS属性用来设定右边框的风格。
该CSS属性用来设定右边框的宽度。
该CSS属性用来设定边框的风格。
该CSS属性用来设定上边框宽度，风格和颜色。
该CSS属性用来设定上边框的颜色。
该CSS属性用来设定上边框的风格。
该CSS属性用来设定上边框的宽度。
该CSS属性用来设定边框的宽度。
该CSS属性用来设定边距的宽度。
该CSS属性用来设定下边距的宽度。
该CSS属性用来设定左边距的宽度。
该CSS属性用来设定右边距的宽度。
该CSS属性用来设定下边距的宽度。
该CSS属性用来设定间隙的宽度。
该CSS属性用来设定下间隙的宽度。
该CSS属性用来设定左间隙的宽度。
该CSS属性用来设定右间隙的宽度。
该CSS属性用来设定上间隙的宽度。
该CSS属性用来设定对象如何显示。
该CSS属性是设定列表样式的一个快捷的综合写法。用这个属性可以同时设置列表样式类型属性 (list-style-type)，列表样式位置属性 (list-style-position) 和列表样式图片属性 (list-style-image) 。
该CSS属性用来设定列表样式图片标记的地址。
该CSS属性用来设定列表样式标记的位置。
该CSS属性用来设定列表项标记(list-item marker)的类型。
在CSS样式表中，我们经常会看到pt， px，em，ex，in等这类长度单位。它们各是什么意思，有什么区别呢？
在CSS样式表中，长度单位分两种：
经常看到有人拿px和pt比较，主要是为了争辩在确定字体大小(font-size)或其它CSS属性大小时，用什么样的CSS长度单位更加好。有人说，用pt更好，因为pt是绝对长度单位，不会因为屏幕分辨率大小，或者其它因素而改变。
我去做了一个测试，写了这样一个HTML例子。代码如下：
<html>
<head><title>CSS单位长度区别 - px和pt的区别</title></head>
<body >
<p style = "font-size:20pt;">Font-size is 20pt</p>
<p style = "font-size:20px;">Font-size is 20px</p>
</body>
</html>
我将我的显示器分别调到1024*768和800*600的分辨率(指screen resolution)。不管是用pt还是用px设置的字体，都随着分辨率变化而变化。(我使用的浏览器是IE6，其它浏览器上尚未测试过。)
我又写了另外一个HTML例子，测试一下cm(厘米)。代码如下：
<html>
<head><title>CSS长度单位的区别 - pt,px和cm的区别</title></head>
<body >
以下div宽度300pt，高度30pt： <br>
<div style = "width:300pt;height:30pt;border:1px solid blue;"></div>
以下div宽度300px，高度30px：<br>
<div style = "width:300px;height:30px;border:1px solid blue;"></div>
以下div宽度10cm，高度3cm： <br>
<div style = "width:10cm;height:3cm;border:1px solid blue;"></div>
</body>
</html>
结果是，cm(厘米)也是随着显示器分辨率变化而变化的。
对于计算机的屏幕设备而言，像素(Pixel)或者说px是一个最基本的单位，就是一个点。其它所有的单位，都和像素成一个固定的比例换算关系。所有的长度单位基于屏幕进行显示的时候，都统一先换算成为像素的多少，然后进行显示。所以，就计算机的屏幕而言，相对长度和绝对长度没有本质差别。任何单位其实都是像素，差别只是比例不同。
如果把讨论扩展到其它输出设备，比如打印机，基本的长度单位可能不是像素，而是其它的和生活中的度量单位一致的单位了。
CSS绝对长度单位是对于输出设备(output device)而言的。拿pt来说，这是一个在文字排版工具(word,adobe等)中非常常用的字体单位，不管你的显示器分辨率是1024*768，还是800*600，同一篇文档打印在纸面上的结果是一样的。
写网页用哪个长度单位更好，是px还是pt呢？
我个人比较偏向px，因为px能够精确地表示元素在屏幕中的位置和大小，网页主要是为了屏幕显示，而不是为了打印等其它需要的。
CSS相对长度单位中的相对二字，表明了其长度单位会随着它的参考值的变化而变化，不是固定的。
以下是CSS相对长度单位列表：
| CSS相对长度单位 | 说明 |
| em | 元素的字体高度The height of the element's font |
| ex | 字母x的高度The height of the letter "x" |
| px | 像素Pixels |
| % | 百分比Percentage |
绝对长度单位是一个固定的值。比如我们常用的有mm，就是毫米的意思。
以下是CSS绝对长度单位列表：
| CSS绝对长度单位 | 说明 |
| in | 英寸Inches (1 英寸 = 2.54 厘米) |
| cm | 厘米Centimeters |
| mm | 毫米Millimeters |
| pt | 点Points (1点 = 1/72英寸) |
| pc | 皮卡Picas (1 皮卡 = 12 点) |