
CSS 属性大全中文对照表
CSS(Cascading Style Sheets) 是一种用来控制网页样式和布局的标记语言。它通过使用属性来描述网页元素的外观和行为。在这篇文章中,我们将介绍一些常用的 CSS 属性,并提供中英文对照表。
1. 文本属性(Text Properties)
- color: 颜色
- font-size: 字体大小
- font-weight: 字体粗细
- text-align: 文本对齐方式
- text-decoration: 文本装饰效果(如下划线、删除线等)
- text-transform: 文本大小写转换
2. 背景属性(Background Properties)
- background-color: 背景颜色
- background-image: 背景图片
- background-repeat: 背景图片重复方式
- background-position: 背景图片位置
- background-size: 背景图片大小
3. 边框属性(Border Properties)
- border-width: 边框宽度
- border-style: 边框样式
- border-color: 边框颜色
- border-radius: 边框圆角半径
4. 尺寸属性(Dimension Properties)
- width: 宽度
- height: 高度
- max-width: *宽度
- max-height: *高度
- min-width: 最小宽度
- min-height: 最小高度
5. 盒模型属性(Box Model Properties)
- margin: 外边距
- padding: 内边距
- box-sizing: 盒模型大小计算方式(如 content-box
border-box 等)
6. 定位属性(Positioning Properties)
- position: 定位方式
- top: 顶部偏移量
- bottom: 底部偏移量
- left: 左侧偏移量
- right: 右侧偏移量
- z-index: 层级顺序
7. 显示属性(Display Properties)
- display: 显示方式
- visibility: 可见性
- overflow: 溢出处理方式
- float: 浮动方式
- clear: 清除浮动
8. 动画属性(Animation Properties)
- animation-name: 动画名称
- animation-duration: 动画持续时间
- animation-delay: 动画延迟时间
- animation-timing-function: 动画时间函数
- animation-iteration-count: 动画重复次数
- animation-direction: 动画方向
- animation-fill-mode: 动画填充模式
- animation-play-state: 动画播放状态
9. 列表属性(List Properties)
- list-style-type: 列表标记类型
- list-style-position: 列表标记位置
- list-style-image: 列表标记图片
10. 轮廓属性(Outline Properties)
- outline-width: 轮廓线宽度
- outline-style: 轮廓线样式
- outline-color: 轮廓线颜色
11. 转换属性(Transform Properties)
- transform: 转换方式(如旋转、缩放等)
- transform-origin: 转换原点
12. 过渡属性(Transition Properties)
- transition-property: 过渡属性
- transition-duration: 过渡持续时间
- transition-delay: 过渡延迟时间
- transition-timing-function: 过渡时间函数
这些属性只是 CSS 中的一小部分,但它们是常用的属性。了解和熟练使用这些属性可以帮助您更好地控制网页样式和布局。希望这个中英文对照表能够帮助您学习和使用 CSS。
总结:本文介绍了一些常用的 CSS 属性,并提供了中英文对照表。希望这篇文章对您有帮助!