【CSS参考手册】是关于CSS(层叠样式表)的学习资料,主要涵盖了CSS的各种属性,包括背景、边框、文本、字体、外边距、内边距、列表、内容生成和尺寸定位等多个方面。
**CSS背景属性(Background)**允许你控制元素的背景效果。`background-attachment`用于设定背景图片是否固定或随页面滚动;`background-color`设置背景颜色;`background-image`定义背景图像;`background-position`设定图像在元素内的初始位置;`background-repeat`决定图像是否及如何重复。
**边框属性(Border 和 Outline)**用于定义元素的边框样式。`border`用于一次性设置所有边框,而`border-<side>`如`border-top`、`border-bottom`等则分别控制各个边框的样式、颜色和宽度。`outline`属性则定义了元素的轮廓,包括`outline-color`、`outline-style`和`outline-width`。
接着,**文本属性(Text)**允许调整文本的显示方式。`color`设置文本颜色;`direction`规定文本方向;`letter-spacing`调整字符间距;`line-height`设定行高;`text-align`控制文本对齐;`text-decoration`添加装饰效果如下划线;`text-indent`设置首行缩进;`text-shadow`为文本添加阴影;`text-transform`改变字母的大小写;`unicode-bidi`处理双向文本;`white-space`管理元素中的空白处理;`word-spacing`控制单词之间的距离。
**字体属性(Font)**是关于文本字体的设置。`font`可以一次性设置所有字体属性,包括`font-family`定义字体系列,`font-size`设定字体大小,`font-variant`创建小型大写字母效果,`font-weight`控制字体的粗细。
**外边距属性(Margin)**和**内边距属性(Padding)**用来调整元素周围和内部的空间。`margin`用于设置元素的外边距,而`margin-<side>`控制单个边的外边距;同样,`padding`用于设置内边距,`padding-<side>`则设定每个内边距。
**列表属性(List)**与列表项有关,`list-style`综合设置列表样式,`list-style-image`允许使用图像作为列表项标记,`list-style-position`定义标记的位置,`list-style-type`设置默认的标记类型,`marker-offset`则调整列表项标记的偏移。
**内容生成(Generated Content)**中的`content`配合`:before`和`:after`伪元素,可以在元素前后插入生成的内容。`counter-increment`和`counter-reset`用于管理计数器,`quotes`则控制嵌套引用的引号样式。
**尺寸属性(Dimension)**用于设置元素的大小。`max-height`和`max-width`限制元素的最大尺寸,`min-height`和`min-width`设置最小尺寸,而`width`和`height`直接定义元素的宽高。
**定位属性(Positioning)**关乎元素在页面上的布局。`cursor`设定光标形状,`display`决定元素的显示模式,`position`用于定位元素,可以是静态、相对、绝对或固定。
这个文档详细介绍了CSS的核心属性,是学习和参考CSS布局、样式设计的宝贵资源。通过理解和熟练运用这些属性,可以创建出丰富多样的网页样式。