个人笔记+练习.zip

在CSS（层叠样式表）中，文本属性和标签权重是两个重要的概念，它们对于网页设计和布局至关重要。本文将深入探讨这两个主题，帮助你更好地理解和应用它们。 我们来详细了解一下CSS中的文本属性。这些属性允许我们控制网页文本的外观和格式，包括字体、颜色、大小、对齐方式、行高、间距等。以下是一些常见的文本属性： 1. `color`: 设置文本颜色，可以使用颜色名称、十六进制代码、RGB、RGBA、HSL或HSLA值。 2. `font-family`: 定义文本的字体系列，可以指定多个备选字体，以防浏览器不支持首选字体。 3. `font-size`: 设置文本的大小，可使用绝对单位（如px）或相对单位（如em、rem）。 4. `font-weight`: 控制文本的粗细，常用值有`normal`、`bold`、`lighter`、`bolder`以及100到900的数值。 5. `font-style`: 用于设置文本是否斜体，值包括`normal`、`italic`和`oblique`。 6. `text-align`: 控制文本的水平对齐方式，如`left`、`right`、`center`和`justify`。 7. `text-decoration`: 用于添加或删除文本装饰，如`underline`、`overline`、`line-through`。 8. `text-indent`: 为段落的第一行设置缩进。 9. `letter-spacing`和`word-spacing`: 分别调整字符间和单词间的距离。 接下来，我们讨论CSS中的标签权重。权重决定了当一个元素受到多个选择器影响时，哪个样式会生效。CSS选择器的权重由四类构成：内联样式、ID选择器、类选择器/属性选择器/伪类、以及元素选择器。权重计算规则如下： 1. 内联样式（如`style="..."`）：权重为1000。 2. ID选择器（如`#myId`）：权重为100。 3. 类选择器、属性选择器和伪类（如`.myClass`、`[attr]`、`:hover`）：每个权重为10。 4. 元素选择器和伪元素（如`div`、`::before`）：每个权重为1。 权重相加后，数值更高的样式会优先应用。若权重相同，则遵循CSS的层叠规则，即后来的样式覆盖先前的样式。 在实践中，理解并熟练运用这些文本属性和标签权重，能帮助你创建更具吸引力和功能性的网页设计。通过不断地练习和实验，你可以更好地掌握这些概念，并应用于实际项目中。在“个人笔记+练习”文件中，你可以找到相关的笔记和练习题目，加深对此主题的理解和技能的提升。通过反复实践，你将能够更自如地操纵文本样式，优化网页的视觉效果。