CSS参考手册大全:属性、动画、背景、布局等
版权申诉
132 浏览量
更新于2024-06-27
收藏 34KB DOCX 举报
"CSS参考手册"
CSS 参考手册是一个详尽的 CSS 属性手册,涵盖了所有主流浏览器中测试通过的 CSS 属性。下面是手册中的一些重要知识点:
动画属性
动画属性用于设置对象的动画效果。@keyframes 规则用于定义动画, animation-name 属性用于设置动画的名称,animation-duration 属性用于设置动画的持续时间,animation-timing-function 属性用于设置动画的过渡类型,animation-delay 属性用于设置动画的延迟时间,animation-iteration-count 属性用于设置动画的循环次数,animation-direction 属性用于设置动画在循环中是否反向运动,animation-play-state 属性用于设置动画的状态。
背景属性
背景属性用于设置对象的背景特性。background 属性是一个复合属性,用于设置对象的背景颜色、背景图像、背景图像位置、背景图像铺排方式等。background-attachment 属性用于设置背景图像是随对象内容滚动还是固定的,background-color 属性用于设置对象的背景颜色,background-image 属性用于设置对象的背景图像,background-position 属性用于设置对象的背景图像位置,background-repeat 属性用于设置对象的背景图像铺排方式,background-clip 属性用于指定对象的背景图像向外裁剪的区域,background-origin 属性用于设置对象的背景图像计。
框属性
框属性用于设置对象的框模型。框模型是 CSS 布局的基础,包括框的宽度、高度、边框、内边距、外边距等。框模型可以使用 box-sizing 属性来设置框的尺寸,border 属性用于设置框的边框,padding 属性用于设置框的内边距,margin 属性用于设置框的外边距。
颜色属性
颜色属性用于设置对象的颜色。color 属性用于设置对象的文本颜色,background-color 属性用于设置对象的背景颜色,border-color 属性用于设置框的边框颜色。
内容生成属性
内容生成属性用于设置对象的内容生成方式。content 属性用于设置对象的内容,quotes 属性用于设置对象的引号样式,counter-reset 属性用于设置对象的计数器重置,counter-increment 属性用于设置对象的计数器增量。
尺寸属性
尺寸属性用于设置对象的尺寸。width 属性用于设置对象的宽度,height 属性用于设置对象的高度,max-width 属性用于设置对象的最大宽度,max-height 属性用于设置对象的最大高度,min-width 属性用于设置对象的最小宽度,min-height 属性用于设置对象的最小高度。
盒子模型属性
盒子模型属性用于设置对象的盒子模型。box-sizing 属性用于设置框的尺寸,border-box 属性用于设置框的边框盒子模型,content-box 属性用于设置框的内容盒子模型。
字体属性
字体属性用于设置对象的字体。font-family 属性用于设置对象的字体族,font-size 属性用于设置对象的字体大小,font-style 属性用于设置对象的字体样式,font-weight 属性用于设置对象的字体粗细。
超链接属性
超链接属性用于设置对象的超链接。text-decoration 属性用于设置对象的文本装饰,text-shadow 属性用于设置对象的文本阴影,cursor 属性用于设置对象的光标样式。
列表属性
列表属性用于设置对象的列表样式。list-style-type 属性用于设置对象的列表符号,list-style-image 属性用于设置对象的列表图像,list-style-position 属性用于设置对象的列表位置。
多列属性
多列属性用于设置对象的多列样式。column-count 属性用于设置对象的列数,column-gap 属性用于设置对象的列间距,column-rule 属性用于设置对象的列分隔线。
内边距属性
内边距属性用于设置对象的内边距。padding 属性用于设置对象的内边距,padding-top 属性用于设置对象的上内边距,padding-right 属性用于设置对象的右内边距,padding-bottom 属性用于设置对象的下内边距,padding-left 属性用于设置对象的左内边距。
外边距属性
外边距属性用于设置对象的外边距。margin 属性用于设置对象的外边距,margin-top 属性用于设置对象的上外边距,margin-right 属性用于设置对象的右外边距,margin-bottom 属性用于设置对象的下外边距,margin-left 属性用于设置对象的左外边距。
页面媒体属性
页面媒体属性用于设置对象的页面媒体。page-break-before 属性用于设置对象的分页符,page-break-after 属性用于设置对象的分页符,page-break-inside 属性用于设置对象的分页符。
定位属性
定位属性用于设置对象的定位方式。position 属性用于设置对象的定位方式,top 属性用于设置对象的上偏移,right 属性用于设置对象的右偏移,bottom 属性用于设置对象的下偏移,left 属性用于设置对象的左偏移。
语音属性
语音属性用于设置对象的语音样式。voice-family 属性用于设置对象的语音族,voice-pitch 属性用于设置对象的语音音高,voice-rate 属性用于设置对象的语音语速。
表格属性
表格属性用于设置对象的表格样式。table-layout 属性用于设置对象的表格布局,border-collapse 属性用于设置对象的表格边框合并,border-spacing 属性用于设置对象的表格边框间距。
文本属性
文本属性用于设置对象的文本样式。text-align 属性用于设置对象的文本对齐方式,text-decoration 属性用于设置对象的文本装饰,text-indent 属性用于设置对象的文本缩进。
2D/3D转换属性
2D/3D转换属性用于设置对象的2D/3D转换。transform 属性用于设置对象的2D/3D转换,transform-origin 属性用于设置对象的2D/3D转换原点。
过渡属性
过渡属性用于设置对象的过渡效果。transition 属性用于设置对象的过渡效果,transition-duration 属性用于设置对象的过渡时间,transition-timing-function 属性用于设置对象的过渡类型。
用户界面属性
用户界面属性用于设置对象的用户界面。cursor 属性用于设置对象的光标样式,outline 属性用于设置对象的轮廓样式,resize 属性用于设置对象的尺寸调整。
2023-03-04 上传
133 浏览量
2022-11-27 上传
101 浏览量
1532 浏览量
1371 浏览量
xxpr_ybgg
- 粉丝: 6805
- 资源: 3万+
最新资源
- arhaica:古代Web的Milti-Domain内容发布系统
- MeetingAppointment.zip_.net mvc_C#_bootstrap .net_mvc_预约
- grao:PoC Stara Zagora GRAO个人数据泄露
- 数字图像处理知识点总结.zip
- 网钛远程桌面管理助手 v3.10
- estimo:评估浏览器执行您JavaScript代码的时间
- NLP4SocialGood_Papers:有关NLP for Social Good的最新论文的阅读清单
- 影刀RPA系列公开课5:手机操作自动化.rar
- 毕加索用于光刻的图像加载组件-Android开发
- PGAT-开源
- fruit-recognition-master.zip_QT图像识别_opencv_qt 图像处理_qt 图像识别_水果种类识
- 影刀RPA系列公开课5:手机操作自动化.rar
- 74项环流指数读取软件
- kosa:知识组织系统(KOS)的轻量级聚合器
- 最新版面试宝典最终版.zip
- Shibboleth-Multi-Context-Broker:Shibboleth多上下文代理