常见的CSS属性

1、字体属性：

color:#ff0000; /*字体颜色*/

font-size: 32px; /*字体大小*/

font-family: 华文楷体; /*字体样式*/

font-weight: bold; /*加粗*/

font-style: italic; /*斜体*/

text-decoration: underline; /*下划线*/

text-shadow: #008000 0px 0px 10px ; /*文本阴影*/

letter-spacing: 10px; /*字符间距*/

word-spacing: 200px; /*单词间距*/

line-height: 30px; /*行高*/

2、文本属性：

text-indent: 10px; /*文本缩进*/

text-align: center; /*水平对齐方式*/

vertical-align: middle; /*垂直对齐方式:对于带valign属性的标签才有效果*/

3、背景属性：

background-color: #CCC; /*背景色*/

background-image: url(img/bg.jpg); /*背景图片*/

background-repeat: no-repeat; /*背景重复方式*/

background-size:50% 50%; /*背景大小:宽和高，CSS3提供的属性*/

background-attachment: fixed; /*背景是否固定*/

background-position: right bottom; /*背景图片位置：可以写方位单词或坐标，比如-45px -95px;*/

4、尺寸属性：

width: 300px; /*宽*/

height: 200px; /*高*/

5、列表属性：

list-style-type: none; /*列表项编号类型*/

list-style-position: inside; /*列表项编号位置，默认outside*/

list-style-image: url(img/1.png); /*列表项编号所用图片*/

6、表格属性：

border-collapse: collapse; /*边框合并,相当于cellspacing="0"*/

border-spacing: 20px; /*边框间距：当border-collapse: separate 边框分开时才有效果*/

7、内补丁：

padding-left: 10px; /*左边内补丁*/

padding-right: 10px; /*右边内补丁*/

padding-top:5px; /*顶部内补丁*/

padding-bottom:5px; /*底部内补丁*/

padding: 10px;  /*四个方向都是10px*/

padding: 10px 20px; /*上下10，左右20*/

padding: 10px 20px 30px; /*上10，左右20,下30*/

padding: 10px 20px 30px 40px; /*上10，右20,下30,左40*/

8、外补丁：

margin-left: 10px; /*左边外补丁*/

margin-right: 10px; /*右边外补丁*/

margin-top:5px; /*顶部外补丁*/

margin-bottom:5px; /*底部外补丁*/

margin: 10px;  /*四个方向都是10px*/

margin: 10px 20px; /*上下10，左右20*/

margin: 10px 20px 30px; /*上10，左右20,下30*/

margin: 10px 20px 30px 40px; /*上10，右20,下30,左40*/