CSS 属性整理：背景、文本、字体

整理自菜鸟教程，目的在于方便查阅。

背景

background-color：定义元素的背景色
background-image：指定元素的背景图像，默认情况下是平铺重复显示
background-size：设置背景图像大小
- length：第一个值设置宽度，第二个值设置高度；如果只给出一个值，第二个为auto
- percentage：设置相对于背景定位区域的百分比，同样是宽度、高度两个值
- cover：保持宽高比，缩放成将完全覆盖背景定位区域的最小大小
- contain：保持宽高比，缩放成将适合背景定位区域的最大大小
background-repeat：设置背景图像如何平铺
- repeat：重复（默认）
- repeat-x：只有水平位置会重复背景图像
- repeat-y：只有垂直位置会重复背景图像
- no-repeat
background-attachment：设置固定或滚动
- scroll：随页面的滚动而滚动（默认）
- fixed：固定，不滚动
- local：随着元素内容的滚动而滚动
background-position：设置背景图像的起始位置
- left top，left center，left bottom...9 个方位
- x% y%，左上角是 0％0％，右下角是 100％100％
background：缩写属性

background: #00ff00 url('smiley.gif') no-repeat fixed center;

color：设置颜色
text-align：设置水平的对齐方式
vertical-align：设置垂直的对齐方式
- baseline：放置在父元素的基线上（默认）
- top：顶端与行中最高元素的顶端对齐
- text-top：顶端与父元素字体的顶端对齐
- middle：放置在父元素的中部
- bottom：底端与行中最低的元素的顶端对齐
- text-bottom：底端与父元素字体的底端对齐
- %：使用行高的百分比值来排列
text-decoration：文本装饰，常用于删除链接的下划线
- none：无装饰
- overline：上划线（？）
- line-through：删除线
- underline：下划线
text-transform：用于大小写转换，或首字母大写
- uppercase
- lowercase
- capitalize
text-indent：指定文本的第一行的缩进，如果要实现段落开头空两格，可设置为 2em
letter-spacing：字符间距
line-height：行高
white-space：设置如何处理空白
- normal：默认，忽略空白，换行符无效
- pre：保留空白，参考<pre>标签
- nowrap：文本不会换行，直到遇到br标签
- pre-wrap：保留空白符序列，正常换行
- pre-line：合并空白符序列，正常换行

这里记一下font-size的三个单位，px指定了实际像素大小；em指定了相对父元素的大小；rem指定了相对 HTML 根元素的大小，规范性更强。