前端工程 · 基础概念
CSS
Cascading Style Sheets
也叫:层叠样式表、样式表、样式
控制网页外观的样式语言,负责颜色、字体、间距、布局和动画,让 HTML 骨架变得好看、好用。
详细解释
HTML 是骨架,CSS 就是装修:墙刷什么颜色、家具怎么摆、窗户多大。CSS 通过「选择器」选中元素,再给它设置属性,比如 color、margin、display: flex。
「层叠」指多条样式同时作用于一个元素时,浏览器按优先级和先后顺序决定谁生效。新手常遇到「改了样式没反应」,多半是被另一条更具体的样式覆盖了,可以在开发者工具里看哪条被划掉了。
现在的项目常用 Tailwind CSS、CSS Modules 等写法,它们最终都会变成普通的 CSS。
开发者信息术语 ID、DOM 线索、识别优先级
- 术语 ID
eng-css- DOM 选择器
- 没有 DOM 线索,这个概念不在页面上直接识别。
- 优先级
- 1 · 同一层有多条命中时,优先级高的胜出
- 版本
- v1 · 更新于 2026/09/29