1 background
-
background-repeat: repeat\repeat-x\repeat-y\no-repeat;背景重复
-
background-position:位置;背景定位 控制背景的位置
值的类型： -
关键词 ：right、left、top、bottom、center
-
百分比 （单位：%）
百分比的计算是基于：盒子的宽\高 - 背景的宽高 得到的结果，计算的。值的个数： -
配合关键词可以更好的指定背景的位置：
background-position: right 20px bottom 50px;
可以设置距离右边和底部的位置 -
background-attachment：fixed\scroll;背景滚动
背景是跟随滚动条滚动（scroll），还是固定当前位置（fixed）
这个值会影响到背景定位，从基于当前元素，变成基于可视区 -
复合样式：background:背景颜色 背景图 背景重复 背景定位 背景跟随滚动;
-
图片精灵 css sprite：
background-position: 10px 20px;
可以用一张图片集成很多个图标
2 文本
-
文字两端对齐：
text-align:justify
text-align-last: justify（只作用于最后一行） -
text-indent:具体数值; 首行缩进
单位：em -> 1em = 当前设置的这个元素上的文字大小，缩进两个文字2em -
text-decoration:修饰值; 文本修饰;
- none; 去除
- underline 下划线
- overline 上划线
- line-through 删除线（不要5980，不要只要1980！）
-
word-spacing：具体数值; 词间距
浏览器怎么知道什么是单词？你要自己用空格间隔开来，这时候才有效果
间隔 = 空格大小+词间距
在宋体的情况下，一个空格 = 字体大小的一半，但是不是所有字体都是 -
letter-spacing:具体数值; 字间距
换行
- word-break：break-all; 强制换行
- white-space: no-wrap; 强制不换行
- text-shadow：x y 模糊距离 颜色; 文字阴影（IE9之前不支持）
利用text-shadow做空心字~（局限性比较强）
3 font
复合样式：font: font-size/line-height font-family font-weight
行高不加单位代表字体大小的多少倍
4 cursor鼠标指针设置
- default
- point (手指)
- move（移动）
- text（文字光标）
- auto（自动）
