CSS3常用属性大全[参考].pdf

CSS3 常用属性大全 CSS3 是 Cascading Style Sheets（层叠样式表）的第三个版本，是一种用于描述网页样式的语言。它对CSS2进行了扩展，添加了一些新的特性和功能。本文档总结了 CSS3 中的常用属性，涵盖了动画、背景、边框、outline、盒模型等方面。 动画属性 Animation 属性用于规定动画的效果。常用的动画属性包括： * @keyframes：规定动画的关键帧 * animation：所有动画属性的简写属性，除了 animation-play-state 属性 * animation-name：规定 @keyframes 动画的名称 * animation-duration：规定动画完成一个周期所花费的秒或毫秒 * animation-timing-function：规定动画的速度曲线 * animation-delay：规定动画何时开始 * animation-iteration-count：规定动画被播放的次数 * animation-direction：规定动画是否在下一周期逆向地播放 * animation-play-state：规定动画是否正在运行或暂停 * animation-fill-mode：规定对象动画时间之外的状态 背景属性 背景属性用于设置元素的背景样式。常用的背景属性包括： * background：在一个声明中设置所有的背景属性 * background-attachment：设置背景图像是否固定或者随着页面的其余部分滚动 * background-color：设置元素的背景颜色 * background-image：设置元素的背景图像 * background-position：设置背景图像的开始位置 * background-repeat：设置是否及如何重复背景图像 * background-clip：规定背景的绘制区域 * background-origin：规定背景图片的定位区域 * background-size：规定背景图片的尺寸 边框属性 边框属性用于设置元素的边框样式。常用的边框属性包括： * border：在一个声明中设置所有的边框属性 * border-bottom：在一个声明中设置所有的下边框属性 * border-bottom-color：设置下边框的颜色 * border-bottom-style：设置下边框的样式 * border-bottom-width：设置下边框的宽度 * border-color：设置四条边框的颜色 * border-left：在一个声明中设置所有的左边框属性 * border-left-color：设置左边框的颜色 * border-left-style：设置左边框的样式 * border-left-width：设置左边框的宽度 * border-right：在一个声明中设置所有的右边框属性 * border-right-color：设置右边框的颜色 * border-right-style：设置右边框的样式 * border-right-width：设置右边框的宽度 * border-style：设置四条边框的样式 * border-top：在一个声明中设置所有的上边框属性 * border-top-color：设置上边框的颜色 * border-top-style：设置上边框的样式 * border-top-width：设置上边框的宽度 * border-width：设置四条边框的宽度 outline 属性 outline 属性用于设置元素的轮廓样式。常用的 outline 属性包括： * outline：在一个声明中设置所有的轮廓属性 * outline-color：设置轮廓的颜色 * outline-style：设置轮廓的样式 * outline-width：设置轮廓的宽度 盒模型属性 盒模型属性用于设置元素的盒模型样式。常用的盒模型属性包括： * box-decoration-break：规定盒模型的装饰断点 * box-shadow：向方框添加一个或多个阴影 * overflow-x：如果内容溢出了元素内容区域，是否对内容的左/右边缘进行裁剪 * overflow-y：如果内容溢出了元素内容区域，是否对内容的上/下边缘进行裁剪 这些属性只是 CSS3 中的一部分，但它们已经涵盖了大多数的常用场景。掌握这些属性，您将可以创建出更加美丽、更加实用的 Web 应用程序。