字体属性
1. font-family 属性
设置文本元素的字体类型
语法：
name是字体名称，字体名称按优先顺序排列，以逗号隔开，如果字体名称包含空格，则要用引号括起。
2. font-size 属性
设置字体大小，实际上它设置的是字体中字符框的高度。
语法：
3. font-style 属性
设置字体的倾斜度
语法：
normal：正常字体（默认值）
italic：斜体
oblique：应用于没有斜体变量的特殊字体
4. font-weight 属性
设置元素中文本字体的粗细
语法：
normal：正常字体，相当于number为400
bold：粗体，相当于number为700，也相当于<b>标签的作用
bolder：特粗体
lighter：细体
number：数字越大，字体越粗
5. font-variant 属性
设置元素中文本是否为小型的大写字母
语法：
normal：正常字体（默认值）
small-caps：使所有的小写字母转换为大写字母个体，但所有使用小型大写字体的字母与其余文本相比，其字体尺寸更小。
7. 字体的复合属性
语法：
使用font 属性时，必须按上面语法格式中的顺序书写，不能更换顺序，并且各个属性间以空格隔开
不需要设置的属性可以省略（取默认值），但必须保留font-size 和font-family 属性，否则font 属性将不起作用
文本属性
1. color 属性
设置文本颜色
语法：
颜色值可以有多种书写方式，可以用颜色英文名称，也可以用十六进制数，还可以是rgb函数
2. line-height 属性
设置元素的行高，即字体底端与字体内部顶端之间的距离
语法：
length 为由百分比数字或由数值，单位标识符组成的长度值，允许为负值，其百分比取值基于字体的高度尺寸
normal 默认行高
inherit 为从父元素继承line-height设置
让文字的行高等于盒子的高度 就可以让文字在当前盒子内垂直居中
简单理解: 行高的上空隙和下空隙把文字挤到中间了. 是如果行高小于盒子高度,文字会偏上,如果行高大于盒子高度,则文字偏下
3. text-align 属性
设置元素中文本的水平对齐方式
语法：
left：左对齐
right：右对齐
center：居中
justify：两端对齐
4. text-decoration 属性
对文本进行简单的修饰，以给文本添加下划线、删除线、上划线等。
语法：
| 属性值 | 描述 |
|---|---|
| none | 没有装饰线（默认） |
| underline | 下划线 |
| blink | 闪烁 |
| overline | 上划线 |
| line-through | 删除线 |
5. text-indent 属性
来指定文本的第一行的缩进，通常是将段落的首行缩进。
语法：
length 为百分比数字或由浮点数字，单位标识符组成的长度值，允许为负值。它的属性可以是固定的长度值，也可以是相对于父元素宽度的百分比，默认值为0。
em 是一个相对单位，就是当前元素（font-size) 1 个文字的大小, 如果当前元素没有设置大小，则会按照父元素的1 个文字大小。
6. text-shadow 属性
设置对象中文本的文字是否有阴影及模糊效果
语法：
| 属性 | 描述 |
|---|---|
| x_position_length | 表示阴影在x轴方向向右偏移的距离，可为负值，负值表示向左偏移 |
| y_position_length | 表示阴影在y轴方向向上偏移的距离，可为负值，负值表示向下偏移 |
| blur | 指定模糊效果的作用距离，不可为负值，如果仅仅需要模糊效果，则将前两个length全部设定为0，模糊的距离越大，模糊的程度也越大 |
| color | 表示阴影的颜色 |
四个参数中，x_position_length和y_position_length是必需的
CSS 的背景
1.background-color 背景颜色
background-color 属性定义了元素的背景颜色。
background-color:颜色值;一般情况下元素背景颜色默认值是transparent（透明）
2.background-image 背景图片
background-image 属性描述了元素的背景图像。实际开发常见于logo 或者一些装饰性的小图片或者是超大的背景图片, 优点是非常便于控制位置. (精灵图也是一种运用场景)
background-image : none | url (图像路径)none:无背景图（默认）
3 background-repeat 背景平铺
background-repeat: repeat | no-repeat | repeat-x | repeat-y| 参数值 | 作用 |
|---|---|
| repeat | 背景图像在横向和纵向上平铺 |
| no-repeat | 背景图像不平铺 |
| repeat-x | 背景图像在横向上平铺 |
| repeat-y | 背景图像在纵向上平铺 |
4. background-position 背景图片位置
利用background-position 属性可以改变图片在背景中的位置。
background-position:x y;参数代表的意思是：x 坐标和y 坐标。可以使用top | center | bottom | left | right 方位名词或者精确单位
1. 参数是方位名词
如果指定的两个值都是方位名词，则两个值前后顺序无关，比如lefttop和topleft效果一致
如果只指定了一个方位名词，另一个值省略，则第二个值默认居中对齐
2. 参数是精确单位
如果参数值是精确坐标，那么第一个肯定是x 坐标，第二个一定是y坐标
如果只指定一个数值，那该数值一定是x坐标，另一个默认垂直居中
3. 参数是混合单位
如果指定的两个值是精确单位和方位名词混合使用，则第一个值是x坐标，第二个值是y坐标
5. background-attachment 背景图像固定（背景附着）
background-attachment 属性设置背景图像是否固定或者随着页面的其余部分滚动。
background-attachment 后期可以制作视差滚动的效果。
background-attachment : scroll | fixedscroll ：背景图像随对象内容滚动
fixed ：背景图像固定
6. 背景复合写法
约定顺序：
background: 背景颜色 背景图片地址 背景平铺 背景图像滚动 背景图片位置;
background: color image repeat attachment position;7 背景色透明度
background: rgba(0, 0, 0, 0 - 1);
前三个参数组成颜色值，最后一个参数是背景颜色透明度，取值范围在0~1之间
背景透明，内容不受影响
可以将最后一个参数小数点前面的0省略
CSS3 新增属性，是IE9+ 版本浏览器才支持的