CSS 是什么

CSS（Cascading Style Sheets，层叠样式表）是负责网页「长相」的语言。HTML 描述页面里有什么内容，CSS 决定这些内容长什么样：颜色、大小、间距、位置、布局，全都由 CSS 控制。可以把它理解为装修图纸，HTML 是毛坯房的结构。

「层叠」是 CSS 的核心机制：同一条规则可能来自浏览器默认样式、作者样式表等多个来源，当多条规则命中同一个元素时，浏览器会按优先级高低「叠」出最终结果。理解层叠，才能解释为什么你写的样式有时不生效。

CSS 的优点是结构与样式分离。页面结构写进 HTML，外观写进 CSS，一处修改全局生效，代码更好维护，也更利于搜索引擎和屏幕阅读器理解页面。

<!-- 结构与样式分离的基本示例 -->
<style>
  /* 标签选择器：让所有 p 变红 */
  p { color: crimson; }
  /* 类选择器：给带 class 的元素加样式 */
  .tip {
    background: #fffbe6;
    border: 1px solid gold;
  }
</style>
<p>这一段文字会变成红色。</p>
<p class="tip">这一段额外有了背景和边框。</p>

📤 分享本文

微博QQQ+贴豆XfinRTGPWA✉

📚 推荐阅读

YY UED 前端规范指南万象云档优达学城前端样式指南万象云档移动前端开发经验指南万象云档Element Plus v2.2 组件库教程万象云档带你入门前端工程万象云档

来自万象云档的免费在线书籍，点击封面直接阅读