以下是在学习CSS时常用的属性 及用法
动画属性
| 属性 | 描述 | CSS |
|---|---|---|
| @keyframes | 定义一个动画,@keyframes定义的动画名称用来被animation-name所使用。 | 3 |
| animation | 复合属性。检索或设置对象所应用的动画特效。 | 3 |
| animation-name | 检索或设置对象所应用的动画名称 ,必须与规则@keyframes配合使用，因为动画名称由@keyframes定义 | 3 |
| animation-duration | 检索或设置对象动画的持续时间 | 3 |
| animation-timing-function | 检索或设置对象动画的过渡类型 | 3 |
| animation-delay | 检索或设置对象动画的延迟时间 | 3 |
| animation-iteration-count | 检索或设置对象动画的循环次数 | 3 |
| animation-direction | 检索或设置对象动画在循环中是否反向运动 | 3 |
| animation-play-state | 检索或设置对象动画的状态 | 3 |
背景属性
| 属性 | 描述 | CSS |
|---|---|---|
| background | 复合属性。设置对象的背景特性。 | 1 |
| background-attachment | 设置或检索背景图像是随对象内容滚动还是固定的。必须先指定background-image属性。 | 1 |
| background-color | 设置或检索对象的背景颜色。 | 1 |
| background-image | 设置或检索对象的背景图像。 | 1 |
| background-position | 设置或检索对象的背景图像位置。必须先指定background-image属性。 | 1 |
| background-repeat | 设置或检索对象的背景图像如何铺排填充。必须先指定background-image属性。 | 1 |
| background-clip | 指定对象的背景图像向外裁剪的区域。 | 3 |
| background-origin | S设置或检索对象的背景图像计算background-position时的参考原点(位置)。 | 3 |
| background-size | 检索或设置对象的背景图像的尺寸大小。 | 3 |
颜色(Color) 属性
| 属性 | 描述 | CSS |
|---|---|---|
| color-profile | 允许使用源的颜色配置文件的默认以外的规范 | 3 |
| opacity | 设置一个元素的透明度级别 | 3 |
| rendering-intent | 允许超过默认颜色配置文件渲染意向的其他规范 | 3 |
尺寸(Dimension) 属性
| 属性 | 描述 | CSS |
|---|---|---|
| height | 设置元素的高度 | 1 |
| max-height | 设置元素的最大高度 | 2 |
| max-width | 设置元素的最大宽度 | 2 |
| min-height | 设置元素的最小高度 | 2 |
| min-width | 设置元素的最小宽度 | 2 |
| width | 设置元素的宽度 | 1 |
字体（Font） 属性
| 属性 | 说明 | CSS |
|---|---|---|
| font | 在一个声明中设置所有字体属性 | 1 |
| font-family | 规定文本的字体系列 | 1 |
| font-size | 规定文本的字体尺寸 | 1 |
| font-style | 规定文本的字体样式 | 1 |
| font-variant | 规定文本的字体样式 | 1 |
| font-weight | 规定字体的粗细 | 1 |
| @font-face | 一个规则，允许网站下载并使用其他超过"Web- safe"字体的字体 | 3 |
| font-size-adjust | 为元素规定 aspect 值 | 3 |
| font-stretch | 收缩或拉伸当前的字体系列 | 3 |
超链接(Hyperlink) 属性
| 属性 | 说明 | CSS |
|---|---|---|
| target | 简写属性设置target-name, target-new,和target-position属性 | 3 |
| target-name | 指定在何处打开链接（目标位置） | 3 |
| target-new | 指定是否有新的目标链接打开一个新窗口或在现有窗口打开新标签 | 3 |
| target-position | 指定应该放置新的目标链接的位置 | 3 |
列表(List) 属性
| 属性 | 说明 | CSS |
|---|---|---|
| list-style | 在一个声明中设置所有的列表属性 | 1 |
| list-style-image | 将图象设置为列表项标记 | 1 |
| list-style-position | 设置列表项标记的放置位置 | 1 |
| list-style-type | 设置列表项标记的类型 | 1 |
字幕(Marquee) 属性
| 属性 | 说明 | CSS |
|---|---|---|
| marquee-direction | 设置内容移动的方向 | 3 |
| marquee-play-count | 设置内容移动多少次 | 3 |
| marquee-speed | 设置内容滚动的速度有多快 | 3 |
| marquee-style | 设置内容移动的样式 | 3 |
页面媒体(Paged Media) 属性
| 属性 | 说明 | CSS |
|---|---|---|
| fit | 如果其宽度和高度属性都不是auto给出一个提示，如何大规模替换元素 | 3 |
| fit-position | 判定方框内对象的对齐方式 | 3 |
| image-orientation | 指定用户代理适用于图像中的向右或顺时针方向的旋转 | 3 |
| page | 指定一个元素应显示的页面的特定类型 | 3 |
| size | 指定含有BOX的页面内容的大小和方位 | 3 |
分页（Print） 属性
| 属性 | 说明 | CSS |
|---|---|---|
| orphans | 设置当元素内部发生分页时必须在页面底部保留的最少行数 | 2 |
| page-break-after | 设置元素后的分页行为 | 2 |
| page-break-before | 设置元素前的分页行为 | 2 |
| page-break-inside | 设置元素内部的分页行为 | 2 |
| widows | 设置当元素内部发生分页时必须在页面顶部保留的最少行数 | 2 |
文本（Text） 属性
| 属性 | 说明 | CSS |
|---|---|---|
| color | 设置文本的颜色 | 1 |
| direction | 规定文本的方向 / 书写方向 | 2 |
| letter-spacing | 设置字符间距 | 1 |
| line-height | 设置行高 | 1 |
| text-align | 规定文本的水平对齐方式 | 1 |
| text-decoration | 规定添加到文本的装饰效果 | 1 |
| text-indent | 规定文本块首行的缩进 | 1 |
| text-transform | 控制文本的大小写 | 1 |
| unicode-bidi | 2 | |
| vertical-align | 设置元素的垂直对齐方式 | 1 |
| white-space | 设置怎样给一元素控件留白 | 1 |
| word-spacing | 设置单词间距 | 1 |
| hanging-punctuation | 指定一个标点符号是否可能超出行框 | 3 |
| punctuation-trim | 指定一个标点符号是否要去掉 | 3 |
| text-align-last | 当 text-align 设置为 justify 时，最后一行的对齐方式。 | 3 |
| text-justify | 当 text-align 设置为 justify 时指定分散对齐的方式。 | 3 |
| text-outline | 设置文字的轮廓。 | 3 |
| text-overflow | 指定当文本溢出包含的元素，应该发生什么 | 3 |
| text-shadow | 为文本添加阴影 | 3 |