CSS教程

CSS（层叠样式表）是用于描述网页样式设计的标记语言，1996年由W3C推出，与HTML共同构成网页开发的核心技术。HTML负责内容结构，CSS专注视觉呈现，实现结构与表现的分离。

CSS通过选择器定位HTML元素，利用属性-值对定义样式。例如p { color: blue; }表示段落文本设置为蓝色。其核心功能包括文本格式化（字体、颜色）、布局控制（盒模型、定位）、响应式适配（媒体查询），以及动画交互效果。CSS3新增了弹性盒子、网格布局等模块，大幅提升了复杂排版能力。

样式表分为三类：内联样式直接嵌入HTML标签，内部样式表写入<style>标签，外部独立.css文件则通过<link>引入，后者最利于代码复用和维护。样式具有层叠性，遵循优先级规则：内联 > 内部 > 外部，!important标记可强制覆盖。

现代CSS支持响应式设计，通过媒体查询适配不同设备，结合相对单位（如vw、%）创建流动布局。预处理器（Sass/Less）和框架（Bootstrap）进一步扩展了CSS能力，而CSS变量、混合模式等新特性持续推动着网页美学的发展。掌握CSS能有效提升网页视觉效果与用户体验。