css中文对照手册 (2).pdf

CSS，全称Cascading Style Sheets，是一种样式表语言，用于描述HTML或XML（包括如SVG、MathML等各种XML方言）文档的呈现。这个中文对照手册涵盖了CSS的关键知识点，包括边框、背景、文本样式等多个方面。 **边框（Border）** 边框样式`border-style`决定了边框的外观。其可选值包括： - `none`：无边框，`border-color`和`border-width`会被忽略。 - `hidden`：隐藏边框。 - `dotted`：点状边框。 - `dashed`：虚线边框。 - `solid`：实线边框。 - `double`：双线边框，两条单线的宽度加上它们之间的间隔等于`border-width`的值。 - `groove`：3D凹槽边框效果。 - `ridge`：3D凸槽边框效果。 - `inset`：3D凹边效果。 - `outset`：3D凸边效果。 **背景（Background）** - `background-color`：设置对象的背景颜色。 - `background-image`：可以设置背景图像，值可以是`none`或使用URL指定图像地址。 - `background-repeat`：控制背景图像的重复方式，如`repeat-x`（横轴平铺）、`repeat-y`（纵轴平铺）、`repeat`（双向平铺）、`no-repeat`（不平铺）以及CSS3的`round`（自动缩放填充）和`space`（等间距平铺）。 - `background-attachment`：定义背景图像是否随内容滚动，如`fixed`（固定在视口）、`scroll`（随内容滚动）。 - `background-position`：设定背景图像的位置，可以用百分比或长度值指定，还可以使用`left`、`right`、`top`、`bottom`、`center`进行定位。 - `background-origin`：定义背景图像的定位原点。 - `background-clip`：控制背景的裁剪区域。 - `background-size`：调整背景图像的大小，可以设置为`auto`（保持原图比例）、`cover`（等比例填充容器，可能超出容器）、`contain`（保持比例，始终在容器内）。 **填充（Padding）** - `padding`：设置所有内边距。 - `padding-top`、`padding-right`、`padding-bottom`、`padding-left`：分别设置上、右、下、左边的内边距。 **外填充（Margin）** - `margin`：设置所有外边距。 - `margin-top`、`margin-right`、`margin-bottom`、`margin-left`：分别设置上、右、下、左边的外边距。 **文本样式（Text）** - `text-indent`：设置文本首行的缩进。 - `text-overflow`：处理文本溢出显示省略号。 - `text-align`：设置文本对齐方式，如`left`、`right`、`center`、`justify`。 - `text-transform`：控制文本的大小写，如`uppercase`、`lowercase`、`capitalize`。 - `text-decoration`：定义文本装饰，如`underline`、`line-through`、`overline`。 - `white-space`：控制空白字符的处理方式，如`nowrap`、`pre`、`normal`。 - `direction`：设置文本流的方向，如`ltr`（从左到右）或`rtl`（从右到左）。 这些属性结合使用，可以实现丰富的网页布局和视觉效果。CSS通过这些属性，为开发者提供了强大的样式控制能力，让网页设计更加灵活多样。