CSS属性大全中文对照表
CSS,全名为层叠样式表(Cascading Style Sheets),是一种用于描述HTML或XML(包括如SVG,MathML等衍生技术)文档样式的样式表语言,CSS描述了如何在屏幕、纸张或其他媒介上渲染元素。
以下是一个CSS属性大全的中文对照表,包括了常用和重要的CSS属性,请注意,这个列表可能并不完全,因为CSS是一个非常庞大和不断发展的标准。
**1. 文字属性**
* `color`: 文字颜色
* `text-align`: 文字对齐方式
* `text-decoration`: 文字装饰(如下划线)
* `text-indent`: 段落首行缩进
* `text-transform`: 文字转换(如大写或小写)
* `letter-spacing`: 字符间距
* `word-spacing`: 单词间距
* `line-height`: 行高
* `direction`: 文本方向
* `white-space`: 控制空白字符的处理
* `word-wrap`: 控制长单词或URL的换行方式
**2. 背景属性**
* `background-color`: 背景颜色
* `background-image`: 背景图片
* `background-repeat`: 背景图片的重复方式
* `background-position`: 背景图片的位置
* `background-size`: 背景图片的大小
* `background-attachment`: 背景图片是否固定或随着页面的其余部分滚动
**3. 边框属性**
* `border-width`: 边框宽度
* `border-style`: 边框样式(如实线、虚线等)
* `border-color`: 边框颜色
* `border-radius`: 边框圆角(使边框更圆滑)
* `border`: 简写属性,用于设置所有边框属性
* `padding`: 内边距(元素边框与元素内容之间的空间)
* `margin`: 外边距(元素之间的空间)
**4. 尺寸属性**
* `width` 和 `height`: 设置元素的宽度和高度
* `min-width`, `max-width`, `min-height`, `max-height`: 设置元素的最小和最大宽度/高度
* `overflow`: 控制内容如何处理在元素框内无法容纳的内容(如滚动或裁剪)
* `resize`: 控制用户是否可以调整元素的大小
**5. 定位属性**
* `position`: 定位类型(如静态、相对、绝对、固定或粘性)
* `top`, `right`, `bottom`, `left`: 控制元素的位置相对于其正常位置或另一个定位的元素的位置,对于静态定位的元素,这些属性无效。
* `z-index`: 控制元素的堆叠顺序(哪个元素应该位于顶部)
**6. 显示属性**
* `display`: 控制元素的显示类型(如块级元素、行内元素、列表项等)
* `visibility`: 控制元素的可见性(如隐藏或显示)
* `opacity`: 控制元素的透明度(从完全透明到完全不透明)
* `clip-path`: 控制元素的可见部分(例如,可以创建一个圆形裁剪)
* `clip-rule`: 控制裁剪区域的渲染规则(例如,是否进行裁剪)
**7. 列表属性**
* `list-style-type`: 设置列表项标记的类型(如圆点、方块等)
* `list-style-position`: 设置列表项标记的位置(如内部或外部)
* `list-style-image`: 使用图像作为列表项标记
* `list-style`: 简写属性,用于设置所有列表样式属性
**8. 动画和过渡属性**
* `animation-name`: 动画名称(需要与CSS动画或关键帧定义匹配)
* `animation-duration`: 动画持续时间(以秒或毫秒为单位)