CSS常用属性及描述.pdf

在CSS（层叠样式表）中，有很多属性用于控制元素的外观和布局。这里我们将深入探讨几个关键的CSS属性，包括背景属性、边框属性、轮廓属性以及文本属性。 我们来看背景属性（Background）。`background`是一个简写属性，可以一次性设置所有背景属性，如颜色、图像、重复方式和定位。例如： ```css body { background: #00FF00 url(bgimage.gif) no-repeat fixed top; } ``` 在这个例子中，背景色设为绿色，背景图像为`bgimage.gif`，不重复显示，且固定在顶部。`background-attachment`属性决定背景图片是否随页面滚动，`background-color`用于设置背景颜色，`background-image`定义背景图像，`background-position`用来调整图像的位置，而`background-repeat`则控制图像是否重复显示。 接着是边框属性（Border 和 Outline）。边框可以用来定义元素的边缘样式，包括宽度、颜色和样式。例如： ```css .d1 { border: 5px solid gray; } ``` 这里`border`简写属性设置了所有边框的宽度、样式和颜色。更具体地，`border-style`可以是`none`、`dotted`、`dashed`、`solid`等，`border-color`用于设置颜色，`border-width`定义宽度，还可以单独指定`border-top`, `border-bottom`, `border-left`, `border-right`来分别设置各个边的样式。轮廓（Outline）与边框类似，但不占用空间，主要用于突出元素。`outline`属性可以设置`outline-color`, `outline-style`, `outline-width`。 再来看文本属性（Text）。文本属性控制文本的样式，如颜色、间距、对齐和装饰。例如： ```css p { color: blue; direction: ltr; letter-spacing: 2px; line-height: 1.5; text-align: justify; text-decoration: underline; text-indent: 3em; } ``` `color`设置文本颜色，`direction`定义文本方向，`letter-spacing`调整字符间距，`line-height`设置行高，`text-align`控制文本的水平对齐，`text-decoration`用于添加下划线、上划线或中划线效果，而`text-indent`则规定了文本块首行的缩进。 CSS提供了丰富的属性用于精细调整网页的视觉表现，包括背景、边框、轮廓和文本等方面，使得开发者可以创建出多样化的网页设计。通过熟练掌握和运用这些属性，我们可以实现各种复杂的样式和布局，提高网页的美观性和用户体验。