CSS文本属性
| 属性 | 描述 |
|---|---|
| color | 文本颜色，常用16进制。红绿蓝 |
| font-style | 字体样式。normal|italic（斜体） |
| line-height | 行高。控制行与行之间的距离。一般用px |
| letter-spacing | 字母间距 |
| word-spacing | 字间距 |
| text-align | 设置文本对齐方式。left|right|center|justify（两端对齐）|inherit（从父元素继承） |
| text-decoration | 文本修饰。常用的有 none（常用于给a元素去掉下划线）|underline|overline|line-through |
| text-indent | 首行缩进。常用单位em。1em表示1个中文字符宽度，我们的段落首行缩进2em。 |
| text-transform | 控制字母大小写。none|uppercase|lowercase|capitalize（首字母大写） |
| text-shadow | 文本阴影。h-shadow v-shadow blur color（水平阴影的位置，垂直阴影的位置，模糊的距离，阴影的颜色） |
CSS背景属性
| 属性 | 描述 |
|---|---|
| background-color |
背景颜色，有效的颜色名称／16进制／rgb。 |
| background-image |
背景图片。url(图片路径) |
| background-repeat |
是否重复。repeat|no-repeat|repeat-x|repeat-y |
| background-attachment |
背景固定还是滚动。scroll|fixed |
| background-position | 背景图像的起始位置。length／position，分别是x和y坐标，如果是用数值表示，则必须按照x、y的顺序 |
| background-clip |
规定背景的绘制区域。border-box（背景被裁剪到边框盒）|padding-box（背景被裁剪到内边距框）|content-box（背景被裁剪到内容框） |
| background-origin |
规定背景的放置位置。padding-box（相对于内边距框来定位）|border-box（相对于边框盒来定位）|content-box（相对于内容框来定位） |
| 背景简写 | 约定 （颜色 图片地址 是否重复 是否滚动 位置）这个顺序，但是没有固定顺序 |
| 背景透明 | background:rgba(0,0,0,.8) alpha取值范围为 0.0 - 1.0。值越低，越透明 |
CSS边框属性
| 属性 | 描述 |
|---|---|
| border-style | 边框样式。以下是一些常用的： none - 无边框；hidden - 隐藏边框；dotted - 点线边框；dashed - 虚线边框 solid - 实线边框；double - 双边框 |
| border-width | 边框宽度。属性可以设置一到四个值（用于上右下左） |
| border-color | 边框颜色。属性可以设置一到四个值（用于上右下左） |
| 边框各边 | border-top|border-top-style|border-top-color|border-top-width等等 |
| border | 简写。border-width border-style（必需）border-color |
| border-radius | 设置上右下左四个圆角，一般为height的一半 |
一些额外的点：
CSS盒子模型
内边距padding、外边距margin、边框border。
盒子模型布局稳定性：width>padding>margin【margin会有外边距合并问题以及IE6下面margin加倍的bug。而当盒子设置width的值后，再设置padding会把盒子撑大。】
相邻块元素外边距合并：比如上下两个相邻div。上面的div设置了一个margin-bottom，下面的div设置了一个margin-top。他们的垂直外边距会实现合并，合并后的值为两者中的较大值。解决：尽量只给一个盒子设置外边距
嵌套块元素外边距合并：对两个嵌套关系的div，如果父元素没有上内边距及上边框，则父亲的上外边距和子元素的上外边距会产生合并，合并后的外边距为两者中的较大值。解决：为父元素定义上边框/为父元素设置上内边距/为父元素添加overflow:hidden
盒子阴影：box-shadow:水平阴影 垂直阴影 模糊距离 阴影尺寸 阴影颜色 内外阴影（如果是外阴影，不要设值！！！！！）
如何设置单行文本垂直居中？
采用line-height属性。让line-height = height
行高与高度的三种关系：
行高等于高度，文字垂直居中；
行高大于高度，文字会偏下；
行高小于高度，文字会偏上。
CSS三大特性
- 层叠性。采取就近原则，选离骨架最近的
- 继承性。子元素可以继承父元素特性。
- 优先级。!important（无穷大）> 行内样式表（1，0，0，0） > id 选择器（0，1，0，0） > 类选择器 （0，0，1，0）> 标签选择器（0，0，0，1）> 继承（继承权重是0），数位之间没有进制。
我们修改样式，一定要看标签有没有被选中。如果选中了，计算权重，谁大听谁的，如果没有选中，那么权重是0，因为继承的权重是0，