CSS速查表：属性与值详解

"此资源是一份详细的CSS参考指南，包含了各种属性和值，便于读者随身携带和查阅。" 在Web开发中，CSS（Cascading Style Sheets）是用于描述HTML或XML（包括如SVG、MathML等各种XML方言）文档样式的样式表语言。这份CSS参考页属性和值的资料涵盖了多个关键领域，帮助开发者快速查找和理解相关样式规则。 1. **文字属性**： - `text-indent`: 控制文本首行的缩进。 - `text-align`: 设置文本的对齐方式，如左对齐、居中、右对齐或两端对齐。 - `text-decoration`: 添加或删除文本装饰，如下划线、上划线或删除线。 - `text-shadow`: 为文本添加阴影效果。 - `letter-spacing`: 调整字符间距。 - `word-spacing`: 控制单词之间的间距。 - `text-transform`: 改变文本的大小写形式，如全大写、全小写或首字母大写。 - `white-space`: 管理元素内的空白字符，例如折行和空格。 2. **尺寸属性**： - `width`: 设置元素宽度。 - `min-width` 和 `max-width`: 限制元素的最小和最大宽度。 - `height`: 设置元素高度。 - `min-height` 和 `max-height`: 限制元素的最小和最大高度。 3. **颜色和背景属性**： - `color`: 设置文本颜色，可以使用颜色名称、十六进制、RGB或RGBA等表示方法。 - `background`: 简写属性，用于设置背景颜色、图像、重复方式、位置等。 - `background-color`: 设置元素的背景颜色。 - `background-attachment`: 指定背景图像是否随滚动条移动。 - `background-repeat`: 控制背景图像如何在背景区域重复。 - `background-image`: 设置背景图像的URL。 - `background-position`: 定义背景图像的位置。 4. **字体属性**： - `font`: 简写属性，用于设置字体系列、风格、变体、大小、加粗和斜度。 - `font-family`: 指定文本的字体系列。 - `font-style`: 设置文本的风格，如正常、斜体或 oblique。 - `font-variant`: 控制文本的小写化或特殊风格，如小型大写字母。 - `font-weight`: 设置字体的粗细，如正常、粗体或数值表示的权重。 - `font-stretch`: 改变文本的宽度。 - `font-size`: 设置文本的大小，可以使用绝对、相对或百分比单位。 - `font-size-adjust`: 保持字体的行高比例，确保不同字体的可读性。 5. **伪类选择器**： - `:first-child`: 选择父元素的第一个子元素。 - `:first-line`: 选择元素的第一行文本。 - `:first-letter`: 选择元素的第一个字母。 - `:hover`: 选择鼠标指针悬停在元素上时的样式。 - `:active`: 选择活动（被点击）状态的元素。 - `:focus`: 选择获得焦点的元素。 - `:link` 和 `:visited`: 分别选择未访问和已访问的链接。 - `:lang(var)`: 选择具有指定语言的元素。 - `:before` 和 `:after`: 在元素内容前或后插入生成的内容。 6. **布局和定位属性**： - `vertical-align`: 设置元素的垂直对齐方式。 - `page-break-inside`, `page-break-before` 和 `page-break-after`: 控制页面分断，对打印布局尤其重要。 - `orphans` 和 `widows`: 规定段落中至少应有多少行不会被强制分页。 7. **其他属性**： - `content`: 用于生成或替换元素的内容。 - `quotes`: 设置引号的类型。 - `counter-reset` 和 `counter-increment`: 管理计数器，常用于自动生成编号。 - `list-style`: 简写属性，控制列表项的符号、类型和位置。 这份CSS参考页提供了丰富的样式信息，无论是初学者还是经验丰富的开发者，都可以从中快速找到所需的知识点，方便在实际开发中应用。