本文共 1760 字，大约阅读时间需要 5 分钟。

CSS_2

1. 字体属性设置

在CSS中，字体属性是设计文本样式的重要工具。以下是常用的字体属性设置：

• color：设置字体颜色，可以使用颜色单词或颜色码（如#0000ff）。
• font-family：设置字体名称（如黑体、宋体）。
• font-size：设置字体大小，单位为px（如30px）。
• font-style：设置字体倾斜方式（normal、italic、oblique）。
• font-weight：设置字体粗细，范围为100-900（如900）。
• text-decoration：设置字体修饰线（none、underline、overline、line-through）。
• text-shadow：添加文本阴影和模糊效果（如10px 0px 20px red）。
• text-transform：设置文本大小写转换（none、capitalize、uppercase、lowercase）。
• line-height：设置行高，值为px（如30px）。
• letter-spacing：设置文字间隔（normal、length）。
• word-spacing：设置单词间隔（normal、length）。

以下是示例代码：

2. 文本属性设置

文本属性用于调整文本的排列和对齐方式：

• text-indent：设置文本缩进，值为px（如30px）。
• vertical-align：设置垂直对齐方式（top、middle、bottom）。
• text-align：设置水平对齐方式（left、right、center）。

以下是示例代码：

3. 背景设置

背景设置可以通过CSS实现，以下是常用的方法：

• body：设置整个网页的背景颜色（如body { background-color: #f0f0f0; }）或背景图片（如body { background-image: url('图片路径'); }）。
• div：设置单个HTML元素的背景颜色（如div { background-color: red; }）或背景图片（如div { background-image: url('imgs/banner1.png'); }）。

以下是示例代码：

4. 元素尺寸设置

元素的宽度和高度可以通过以下方式设置：

• width：设置元素宽度，值为auto（自动）或length。
• height：设置元素高度，值为auto（自动）或length。

以下是示例代码：

5. 边框设置

边框可以通过以下属性设置：

• border-color：设置边框颜色。
• border-style：设置边框样式（solid、dotted、double）。
• border-width：设置边框粗细。

边框可以单独设置四个边的属性，或者使用border属性来统一设置：

• border：设置边框粗细、样式和颜色（如border: 10px solid red;）。
• border-top-color、border-right-color、border-bottom-color、border-left-color。
• border-top-style、border-right-style、border-bottom-style、border-left-style。
• border-top-width、border-right-width、border-bottom-width、border-left-width。

以下是示例代码：

6. 列表设置

列表可以通过以下方式设置：

• list-style-image：设置列表标识图标（none、url）。

以下是示例代码：

7. 表格设置

表格可以通过以下方式设置：

• border-collapse：设置表格单元格边框是否合并（separate、collapse）。
• border-spacing：设置表格单元格之间的间距，值为px。
• empty-cells：设置单元格为空时是否显示边框（show、hide）。

以下是示例代码：

8. 补丁设置

补丁用于子元素和父元素之间的距离：

• padding：设置补丁值，按上－右－下－左顺序作用于四边。

以下是示例代码：

通过以上设置，可以实现丰富的排版和布局效果。