CSS3的属性记载

字体相关属性
- font：复合属性，不推荐使用。
- color：设置字体颜色。
- font-family：设置文字字体。
- font-size：设置字体大小。
- font-size-adjust：控制不同的字体尺寸进行微调。
- font-stretch：改变文字横向的拉伸。
- font-style：设置字体风格。
- font-weight：设置字体是否加粗。
- text-decoration：控制文字是否有修饰线。
- font-variant：设置文字大写字母格式。
- text-shadow：设置文字是否有阴影效果。
- text-transform：设置文字的大小写。
- line-height：设置字体的行高。
- letter-spacing：设置字符之间的间隔。
- word-spacing：设置单词之间的间隔。
- @font-face：定义服务器字体。

颜色表示方法
1. 颜色名表示：例如white。
2. 十六进制表示：例如#ff0000。
3. rgb函数表示：例如rgb(255,255,0)红绿蓝。
4. rgba函数表示：例如rgba(255,0,255,0.5)红绿蓝透明。
5. hsl函数表示：例如hsl(120,100%,100%)色调、饱和度、亮度。
6. hsla函数表示：例如hsla(120,100%,100%,0.5)色调、饱和度、亮度、透明度。

文本相关属性
- text-indent：设置段落文本的缩进。
- text-overflow：控制溢出文本的处理方法。
- vertical-align：设置元素里内容垂直对齐方式。
- text-align：设置元素里文本水平对齐方式。
- direction：设置文本流入方向。
- word-break：设置元素里文本的换行方式。(控制断词)
- word-wrap：设置元素里文本的换行方式。
- white-space：设置元素里文本对空格的处理方式。

背景相关属性
- background：复合属性，不推荐使用。
- background-attachment：设置背景图片是随内容滚动还是固定。
- background-color：设置背景颜色。
- background-image：设置背景图片。
- background-position：设置对象的背景图片位置。
- background-repeat：设置对象的背景图片是否平铺。
- background-clip：设置背景覆盖范围。
- background-origin：设置背景覆盖的起点。
- background-size：设置背景图片的大小。

边框相关属性
- border：复合属性。
- border-color：设置元素的边框颜色。
- border-style：设置元素的边框线型。
- border-width：设置元素的边框线宽。
- border-(top/left/right/bottom)：复合属性，设置对应边框样式。
- border-(top/left/right/bottom)-(color/style/width)：设置对应边框的对应样式。
- border-(top/left/right/bottom)-colors：支持渐变颜色边框。
- border-radius：设置圆角边框圆角半径。
- border-(top/left/right/bottom)-(top/left/right/bottom)-radius：设置指定角的圆角半径。
- border-image：复合属性。
- border-image-source：设置边框图片。
- border-image-slice：设置数值或百分比数值控制边框图片切割。
- border-image-width：设置图片边框宽度。
- border-image-repeat：设置边框图片覆盖方式。

补丁相关属性
- padding：同时设置多个方向的内补丁距离。
- padding-(top/left/right/bottom)：设置对应方向的内补丁距离。
- margin：同时设置多个方向的外补丁距离。
- margin-(top/left/right/bottom)：设置对应方向的外补丁距离。

大小相关属性
- width：设置元素宽度。
- max-width：设置元素最大宽度。
- min-width：设置元素最小宽度。
- height：设置目标元素高度。
- max-height：设置元素最大宽度。
- min-height：设置元素最小宽度。
- box-sizing：设置宽高控制区域的宽高。
- resize：设置是否允许通过拖动来改变元素大小。

定位相关属性
- position：设置元素定位方式。
- z-index：设置元素漂浮层层序。
- (top/left/right/bottom)：向指定方向偏移。

轮廓相关属性
- outline：复合属性。
- outline-color：设置元素轮廓颜色。
- outline-style：设置元素轮廓线型。
- outline-width：设置元素轮廓宽度。
- outline-offset：设置元素轮廓与边框的距离。

布局相关属性
- float：控制元素是否浮动或如何浮动。
- clear：设置元素左右是否允许出现浮动。
- clip：控制元素进行裁剪。
- overflow：设置元素不够容纳内容时显示方式。
- overflow-x：作用与overflow相似，控制水平方向显示方式。
- overflow-y：作用与overflow相似，控制垂直方向显示方式。
- visibility：设置元素是否显示。
- display：设置元素是否以及如何显示。
- box-shadow：设置元素阴影。

表格相关属性
- border-collapse：设置表格行和单元格边框显示方式。
- border-spacing：设置两个单元格之间间距。
- caption-side：设置表格标题位于表格哪边。
- empty-cells：控制单元格内没有内容时，是否显示单元格边框。
- table-layout：设置表格宽度布局的方法。

列表相关属性
- list-style：复合属性。
- list-style-image：设置列表标记图片。
- list-style-position：设置列表标记出现位置。
- list-style-type：设置列表标记样式。

控制光标属性
- cursor：改变光标在元素上形状。

变形相关属性
- transform：设置元素变形。
- transform-origin：设置元素变形中心点。

动画相关属性
- transition：设置平滑动画效果。
- animation：设置自定义动画效果。