CSS3常用属性

文本属性

 text-align: 设置元素内文本的水平排列方式，常用取值为：

left，默认值，居左

center，居中

right，居右

 text-indent：设置元素内文本首行缩进，单位：像素、百分比 

text-decoration：设置文本的下划线样式，常用取值为： 

 none：没有下划线

underline：表示有下划线

 letter-spacing：设置字符间距，常用取值：

normal

像素值

字体属性

font-size: 设置字体大小

font-weight: 设置字体粗细，normal、bold、bolder

font-family：设置字体，比如设置为：微软雅黑、宋体、黑体等

color: 设置字体颜色

line-height：设置行高

背景属性

 background: 复合属性，可以同时设置背景颜色、图片、背景图片的位置、背景图片是否以及如何重复排列等

background-color：设置背景颜色

background-image：设置背景图片

background-repeat：设置背景图片是否以及如何重复排列，常用取值：

repeat：默认值，背景图片默认横向重复、纵向也重复排列

repeat-x：设置背景图片横向重复，但纵向不重复排列

repeat-y：设置背景图片横向不重复，但纵向重复排列

no-repeat：设置背景图片不重复。

background-position：设置背景图片的位置

边框属性（border）

border: 5px solid red; -- 设置元素的边框(复合属性，可以同时设置边框的宽度、样式、颜色)

border属性可以拆分为如下：

border-width:5px; -- 设置边框的宽度

border-style:solid; -- 设置边框的样式

border-color:red; -- 设置边框的颜色

其中: border-width、border-style、border-color也可以按照上、右、下、左方向进行拆分，以border-width为例：

border-top-width: 5px; -- 设置上边框的宽度

border-right-width: 8px; -- 设置右边框的宽度

border-bottom-width: 11px; -- 设置下边框的宽度

border-left-width: 14px; -- 设置左边框的宽度

其他属性

width: 设置元素的宽度，单位：像素、百分比

height：设置元素的高度，单位：像素、百分比

display元素类型设置

display用来设置元素的类型，常用取值：

block：块级元素的默认值

默认情况下独占一行

可以设置宽高

inline：行内元素的默认值

默认情况下多个行内元素可以处在同一行

一般不能设置宽高

inline-block：行内块元素

多个元素既可以显示在同一行, 也可以设置宽和高

none：表示隐藏元素

元素类型

块级元素（block）

行内元素（inline）

默认情况下，多个行内元素处在同一行

不能设置宽和高

行内块元素（inline-block）

既具备行内元素的特征（可以同行显示），还具备块级元素的特征（可以设置宽和高）