CSS属性（常用的属性）

CSS属性（常用的属性）http://www.w3school.com.cn/cssref/index.asp

一：文本与字体属性

　1.字体属性

　　(1):font-size:字体的大小（例如：font-size:14px）（em当前对象内文本字体大小 pt绝对长度单位(多少个点的单位)px相对长度单位(像素)）

　　(2):font-family:字体的类型（例如：font-family:"隶书","宋体",Arial,"Times New Roman";）

　　(3):font-style:字体风格(样式)（例如：font-style:normal正常(italic斜体 oblique倾斜)）

　　(4):font-weight:字体的粗细（例如：font-weight:bold加粗（normal正常））

　　(5):font:一次设置一个或多个字体属性：顺序为(3)，(4)，(1)，(2)

　2.文本属性

　　(1):color:字体颜色

　　(2):line-height:设置行高

　　(3):text-align:设置文本对齐方式（left左对齐 right右对齐 center居中对齐）

　　(4):text-decoration:向文本添加修饰（underline下划线 ，none缺省值， overline上划线 ，line-through删除线 ，blink ,inherit）

　　(5):letter-spacing:设置字符间距

　　(6):white-space:如何处理空白

二：列表属性

　　(1):list-style-type:设置列表项标志的类型

　　(取值有1.disc(黑圆点)2.circle(空心圆点)3.square(小黑方块)4.none(无列表项标志))

　　(2):list-style-image:url("图片地址")  将图片设置为列表项标志

　　(3):list-style-position:列表项标志的位置

　　（取值1.outside项目标记在文本以外，不根据标记对齐  2.inside项目标记在文本以内，环绕文本根据标记对齐）

　　(4):list-style:设置所有列表属性的简写  （依次为(1) (3) (2) ）

三：浮动属性

　　float: (取值(1)left左浮动 (2)right右浮动 (3)none不浮动 (4)inherit继承父类float值)

　　clear:(取值(1)left不能左浮动 (2)right不能右浮动 (3)none允许浮动 (4)both两侧都不允许有浮动 )

四：背景属性（1,2,3,4）

　　(1)background-color:设置背景颜色（transprent透明的）

　　(2)background-image:url("图像地址")  设置背景图像

　　(3)background-repeat:设置背景图像的重复方式（和background-image合用）

　　（取值repeat水平和垂直方向重复、repeat-x水平重复、repeat-y垂直重复、no-repeat只显示一次）

(4)background-attachment:背景图像是否固定或者随着页面的其余部分滚动。(scroll,fixed)

　　(4)background-position:设置背景图像的起始位置（和background-image合用）

五：盒子模型

　　(1)border:边框 （顺序width -- style-- color）

　　　　[1]四个方向：border-top上边框  border-right右边框  border-bottom下边框  border-left左边框

　　　　[2]修饰属性：

　　　　　　border-color边框颜色 （顺序 ：上 右 下 左）

　　　　　　border-width边框宽度(thin细 thick粗 medium默认2px)（顺序 ：上 右 下 左）

　　　　　   border-style边框样式(none无边框 solid实线 dashed虚线 dotted点状边框 double双线边框) （顺序 ：上 右 下 左）

　　(2)padding:填充（内容与边框之间的距离）（顺序 ：上 右 下 左）(网页设计中宽度和高度包括padding的)

　　(3)margin:边界（边框外面周围的间隙，主要控制版块与版块之间的距离）（顺序 ：上 右 下 左）

　　(4)content:内容

六：定位属性

(1):position 定位

　　   [1]static: 默认值，没有定位

[2]absolute 绝对定位（上 下 左 右）

[3]relative 相对定位（上 下 左 右）

[4]fixed 绝对定位

(2):float浮动

(3):z-index 空间位置

七：控制元素大小

　　width:元素高度

　　height:元素宽度