CSS速查表v2:关键属性与技巧

需积分: 3 1 下载量 33 浏览量 更新于2024-11-19 收藏 315KB PDF 举报
"css-cheat-sheet-v2 是一个关于CSS样式的速查表,涵盖了文本、尺寸、颜色/背景、字体、文字样式、以及其他杂项等核心知识点,旨在帮助开发者快速查找和应用CSS属性。" 在CSS中,文本属性是非常重要的部分,包括: 1. **文本缩进(text-indent)**:用于设置文本块的第一行的缩进,可以用来美化段落的开头。 2. **文本对齐(text-align)**:控制文本在元素内的水平对齐方式,如左对齐、居中、右对齐或两端对齐。 3. **文本装饰(text-decoration)**:定义文本的装饰线,如下划线、上划线、删除线或无装饰。 4. **文本阴影(text-shadow)**:添加阴影到文本,可以调整阴影的偏移量、模糊半径和颜色。 5. **字母间距(letter-spacing)**:调整字符间的距离,用于创造特殊效果。 6. **页面内断开(text-break-inside)**:控制内容是否允许在元素内部断开,防止单词或短语被分割。 7. **orphans**和**widows**:设定连续换行的最小行数,避免孤行或寡行出现在页面顶部或底部。 尺寸属性则涉及元素的宽度和高度: 1. **宽度(width)**、**最小宽度(min-width)**和**最大宽度(max-width)**:控制元素的显示宽度。 2. **高度(height)**、**最小高度(min-height)**和**最大高度(max-height)**:用于设置元素的高度限制。 颜色和背景属性: 1. **颜色(color)**:设置元素的文本颜色,可继承。 2. **背景(background)**:一个简写属性,用于同时设置背景颜色、图像、重复方式等。 3. **背景颜色(background-color)**:设置元素的背景颜色。 4. **背景附件(background-attachment)**:定义背景图像是否固定或随着滚动而移动。 5. **背景图像(background-image)**:设置元素的背景图像。 6. **背景位置(background-position)**:指定背景图像的位置。 7. **背景重复(background-repeat)**:控制背景图像是否平铺和如何平铺。 字体属性: 1. **字体(font)**:一个简写属性,用于同时设置字体系列、大小、风格等。 2. **字体家族(font-family)**:设置元素的字体类型。 3. **字体风格(font-style)**:设置斜体(italic)或正常(normal)。 4. **字体变体(font-variant)**:可以用于小型大写、正常大小写等效果。 5. **字体粗细(font-weight)**:设置字体的粗细,如normal、bold或者数值。 6. **字体拉伸(font-stretch)**:调整字体的宽度。 7. **字体大小(font-size)**:设置字体大小,可与**font-size-adjust**配合使用,保持文本比例。 其他杂项属性: 1. **内容(content)**:用于生成或替换元素的内容,常用于伪元素。 2. **引用(quotes)**:设置引号的样式。 3. **计数器重置(counter-reset)**和**计数器增加(counter-increment)**:用于自定义计数器系统。 4. **列表样式(list-style)**:管理列表项的标记类型、位置和图像。 5. **分页(size)**、**标记(marks)**、**页面断开(page-break-before)**等用于打印布局,控制页面分页和断点。 这个CSS速查表涵盖了CSS的多个关键方面,对于快速理解和应用CSS样式非常有用。通过熟悉这些属性,开发者能够更有效地创建和维护网页的视觉效果。