CSS权重与核心属性详解

"该文档是关于CSS核心属性和浮动的介绍，主要涵盖了选择符权重、注释、文本大小和文本颜色等基础知识。" 在CSS中，理解选择符的权重至关重要，因为它决定了哪些样式将被应用到元素上。选择符权重分为四个等级：ID选择符（0100）、标签选择符（0001）、类选择符和属性选择符（都是0010）、伪类选择符（00001）以及伪元素选择符（0001）。权重相加后，更高的数值会覆盖较低的。内联样式（1000）权重最高，其次是ID选择符，接着是类、属性、伪类和伪元素，最低的是标签选择符和继承的样式。当权重相同时，样式会遵循就近原则，即后定义的样式优先。 注释在HTML和CSS中都起到解释和说明的作用。HTML的注释用`<!-- 注释内容 -->`包围，而CSS的注释则使用`/* 注释内容 */`。 CSS核心属性是样式表的基础。其中，文本大小通过`font-size`属性设定，可以使用像素（px）、磅（pt）或其他单位。16px通常被视为标准字体大小，1em等于当前元素的字体大小，默认为16px。em是一个相对单位，常用来定义相对于父元素的字体大小。例如，`font:12px/2em;`意味着字体大小为12px，行高为当前字体大小的两倍。此外，CSS还提供了一系列预定义的文本大小关键字，如xx-small、x-small、small、medium、large、x-large和xx-large。 文本颜色通过`color`属性指定，可以使用十六进制、英文单词（如red）或RGB值（如`rgb(0,255,204)`）来表示。在十六进制颜色模式中，FF0000表示红色，可以通过组合不同比例的红、绿、蓝（RGB）来创建各种颜色。颜色值的缩写形式，如`#00F`代表`#0000FF`，是蓝色。 这个文档提供了CSS初学者所需的基础知识，包括选择符权重的理解、注释的使用，以及文本样式中的关键属性——文本大小和颜色的设置方法。这些概念是构建和控制网页布局和视觉效果的基础。