CSS 常用属性总结
发布于
# 前端
下表为平时常用的 CSS 属性
| 属性 | 描述 | 可选值 |
|---|---|---|
| color | 元素颜色，一般用于设置字体颜色 | |
| background-color | 背景颜色 | |
| background-image | 设置背景图片 | |
| display | 元素的显示类型 | {block, inline-block, inline, none, flex ...} |
| width | 元素的宽度 | |
| height | 元素的高度 | |
| min-width | 最小宽度 | |
| min-height | 最小高度 | |
| max-width | 最大宽度 | |
| max-height | 最大高度 | |
| margin | 外边距 | |
| padding | 内边距 | |
| border | 边界属性 | |
| border-color | 边框颜色 | |
| border-width | 盒子模型的边框宽度 | |
| border-style | 边框样式 | {none, solid, dotted, inset, dashed solid ...} |
| border-radius | 外边框圆角 | |
| font | 字体属性 | |
| font-family | 定义字体 | |
| font-style | 字体样式 | {normal, italic, oblique} |
| font-weight | 字体厚度（用于加粗） | {normal, bold, lighter, bolder} |
| position | 用于元素的定位 | {static, relative, absolute, fixed, sticky} |
| z-index | 设置重叠元素的顺序 | {auto, -1, 0, 1, 2, 3 ...} |
| overflow | 元素内容溢出属性 | {visible, hidden, scroll, auto ...} |
| cursor | 指定当鼠标指向元素时，展示不同的游标 | {default, pointer, wait, help, progress, not-allowed ...} |
| opactity | 元素的不透明度、透明度 | 0.0-1.0 |