2301_79964758的博客

CSS（层叠样式表）是控制网页外观样式的语言，实现结构与表现分离。主要功能包括样式美化、布局定位和动画交互。CSS分为三种使用方式：1）内联样式表（直接写在标签内，控制单个标签）；2）内部样式表（写在head的style标签中，控制当前页面）；3）外部样式表（单独CSS文件，通过link引入，可控制整个网站）。其中外部样式表最常用，实现样式复用和管理。

CSS选择器是CSS规则的核心部分，用于选择HTML元素并应用样式。主要分为基础选择器（类型、类、ID、通配符）、关系选择器等类型。基础选择器中，类选择器（.class）最常用，支持复用；ID选择器（#id）具有唯一性；通配符选择器（*）用于全局样式重置。CSS遵循层叠原则，后定义样式会覆盖先前定义。规范建议选择器与属性间保留空格，每个属性单独成行。类选择器支持多类名，命名应语义化，是开发首选选择器。

本文介绍了CSS中的四种关系选择器：1.后代选择器（空格分隔）可选择任意层级的后代元素；2.子代选择器（>分隔）仅选择直接子元素；3.邻接兄弟选择器（+）选择紧邻的下一个同级元素；4.通用兄弟选择器（~）选择之后所有同级元素。文章通过具体代码示例展示了每种选择器的语法和使用场景，其中后代选择器最为常用。这些选择器能精确定位目标元素，实现更细致的样式控制。

本文介绍了CSS选择器及其特性。主要内容包括：1)分组选择器（使用逗号分隔多个元素）；2)伪类选择器（状态伪类、结构伪类和表单伪类）；3)伪元素选择器（::before/::after）；4)属性选择器（匹配特定属性值）。最后阐述了CSS三大特性：继承性（文字相关样式）、层叠性（样式覆盖规则）和优先级（权重计算规则）。其中优先级由选择器类型决定，权重从高到低依次为!important、内联样式、ID选择器、类选择器等。权重计算采用四位数不进制原则。

摘要：本文介绍了CSS盒子模型的基本概念和应用。内容包括：（1）盒子模型的基本组成，区分了区块盒子和行内盒子的特性差异；（2）边框设置方法，详细说明border属性用法和不同边框样式的实现；（3）圆角边框的实现原理，展示了如何创建圆形、胶囊形状等特殊效果，并解释了多值设置规则。通过实际案例代码演示了各种边框样式的应用方法。

摘要：本文系统讲解了CSS盒子模型的内外边距、背景与阴影等核心概念。内容包括：1）内边距(padding)与外边距(margin)的设置方法、多值语法及单边控制；2）块级元素水平居中与边距合并/塌陷问题的解决方案；3）尺寸计算(box-sizing)原理；4）背景属性(background)的复合写法与渐变效果实现；5）盒子阴影(box-shadow)和过渡效果(transition)的应用。通过丰富的代码示例，帮助读者掌握盒子模型的布局技巧，提升页面美观度和交互体验。