常见CSS样式整理

在CSS（层叠样式表）中，样式定义了网页元素的外观、布局和结构。以下是一些常见的CSS样式，从给定的文件中提取出来： 1. **背景颜色**：`background-color`属性用于设置元素的背景颜色。例如，`body`元素的背景颜色设置为黄色（`#FFFF99`）。 2. **图文混排**：`float`属性用来控制元素浮动，如`img`元素设置为`float:left`，使其向左浮动，常用于实现图文混排。 3. **透明度**：使用`filter`属性可以添加滤镜效果，例如`alpha`函数用于设置透明度，`opacity`属性控制元素整体透明度。 4. **字号和字体粗细**：`font-size`定义文字大小，`font-weight`设置字体的粗细。如`#title`的字号为19px，加粗（`bold`）。 5. **文本对齐**：`text-align`属性用于调整文本的水平对齐方式，如`center`表示居中对齐。 6. **边框**：`border`属性定义元素的边框，例如`border:1px solid #FFFF00`表示1像素宽的实线边框，颜色为黄色。 7. **内边距和外边距**：`padding`和`margin`分别控制元素内部和外部的空间。例如，`#title`有15px的内边距，`#content`有6px的内边距。 8. **类选择器**：`.one`, `.two`, `.three`是类选择器，用于选择具有特定类名的元素，并为其应用样式。 9. **全局声明**：全局声明通常在`<style>`标签内用`*`通配符，应用于所有元素，如全局设置文字颜色为紫色，字体大小为15px。 10. **集体声明**：可以同时选择多个元素，如`h2.special, .special, #one`，将样式应用到所有匹配的选择器。 11. **文字大小的相对值**：`font-size`可以使用相对单位，如`%`或`em`。例如，`.one span`设置为父元素的200%，`.two span`设置为0.5em，即父元素字体大小的一半。 12. **文本装饰**：`text-decoration`属性用于设置文本的下划线、上划线、删除线等，如`underline`、`overline`、`line-through`。 13. **英文字母大小写转换**：`text-transform`属性可改变字母大小写，如`capitalize`使每个单词首字母大写，`uppercase`全部大写，`lowercase`全部小写。 14. **水平对齐**：`text-align`属性控制文本的水平对齐，包括`left`（左对齐）、`right`（右对齐）、`center`（居中对齐）和`justify`（两端对齐）。 15. **垂直对齐**：在表格单元格`td`中，`vertical-align`属性用于调整内容的垂直位置，如`top`、`bottom`、`middle`。 这些基本的CSS样式涵盖了网页设计中的许多重要方面，能够帮助开发者创建美观且功能丰富的网页布局。通过熟练掌握这些样式，可以更好地控制网页元素的外观和交互效果。