css属性大全中文对照表

admin 35 0

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`: 动画持续时间(以秒或毫秒为单位)