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*/