W3cSchool DIV+CSS2 参考手册.docx

**CSS参考手册** 在网页设计中，CSS（Cascading Style Sheets）是一种样式表语言，用于定义HTML或XML（包括SVG、XHTML等）文档的呈现。本参考手册主要涵盖CSS2中的背景属性和边框属性，以及文本属性。 ### **背景属性** - `background-color`: 这个属性用于设置元素的背景颜色。可以使用`rgb()`表示法，十六进制颜色代码（如`#FF0000`），颜色名称（如`red`），或者`transparent`来表示透明。 - `background-image`: 用于设置背景图像，通常用`url()`来指定图像的路径。值`none`则表示无背景图像。 - `background-repeat`: 控制背景图像是否及如何重复。可以设置为`repeat`（水平和垂直重复）、`repeat-x`（仅水平重复）、`repeat-y`（仅垂直重复）或`no-repeat`（不重复）。 - `background-attachment`: 设置背景图像是否固定或随页面滚动。值可以是`scroll`（默认，随页面滚动）或`fixed`（图像固定在视口上，不随滚动条移动）。 - `background-position`: 定义背景图像的初始位置。可以使用像素值（`x-pos y-pos`）、百分比（`x-% y-%`）或关键词（`top`, `right`, `bottom`, `left`，`center`）来设置。 - `background`：这是一个简写属性，允许在一个声明中设置所有背景属性，例如`background: color url(image.jpg) repeat-y fixed center;`。 ### **边框属性（border）** - `border-width`: 用于设置元素所有边框的宽度。可接受的值有`thin`, `medium`, `thick`，或者具体的长度值（如`10px`）。 - `border-style`: 定义边框的样式，如`solid`, `dotted`, `dashed`, `double`, `groove`, `ridge`, `inset`, `outset`，以及`none`或`hidden`（不显示边框）。 - `border-color`: 设置边框的颜色，可以指定单个颜色，或者针对不同边框分别指定颜色。 - `border`：简写属性，用于一次性设置边框的宽度、样式和颜色。 - `border-top`, `border-bottom`, `border-left`, `border-right`: 分别用于设置元素的上、下、左、右边框。每个都有对应的`width`, `style`, 和`color`属性。 ### **文本属性** - `color`: 用于设置文本颜色，可使用颜色名、RGB、十六进制颜色码等。 - `direction`: 控制文本方向，通常设置为`ltr`（从左到右）或`rtl`（从右到左）。 - `letter-spacing`: 调整字符间的间距，值可以是长度（如`1px`）或`normal`。 - `text-align`: 设置文本对齐方式，可以是`left`, `right`, `center`, 或`justify`。 - `text-decoration`: 添加文本装饰，如`none`, `underline`, `overline`, `line-through`, 或`blink`。 - `text-indent`: 缩进文本的首行，值可以是长度或百分比。 - `text-shadow`: 创建文本阴影，包含颜色、偏移量和模糊半径。 - `text-transform`: 控制文本的大小写，如`capitalize`, `uppercase`, `lowercase`。 - `unicode-bidi`: 控制元素中的双向（bidirectional）文本流，如`normal`, `embed`, 或`bidi-override`。 - `white-space`: 管理元素内的空白处理，如`normal`, `nowrap`, `pre`, `pre-wrap`, 或`pre-line`。 这些属性在网页布局中起到至关重要的作用，帮助设计师实现丰富多样的视觉效果。熟练掌握它们能够让你更高效地创建出美观且功能强大的网站界面。