前端Wiki/CSS/基础/初识 CSS

语法与注释

一条 CSS 规则由选择器和声明块组成。选择器指定「给谁加样式」，声明块用花括号包住，里面每条声明都是「属性: 值;」的形式，分号结尾。

属性名不区分大小写，但习惯全小写；属性值部分区分大小写（如字体名）。
最后一个声明可以不写分号，但建议每条都写，避免增删代码时遗漏。
注释用 /* 注释内容 */，可以跨行，但不支持嵌套。CSS 没有 // 这种单行注释。
声明里写错了属性名或值，浏览器会直接忽略这一条，不会报错，这也是排查样式问题时最容易忽略的原因。

本节要点规则 = 选择器 + 声明块；声明格式为「属性: 值;」；注释只有 /* */ 一种且不可嵌套；写错的声明会被静默忽略。

CSS

<style>
  /* 选择器 { 属性: 值; } */
  .card {
    width: 300px;          /* 宽度 300 像素 */
    background: #f7f9fc;   /* 背景色 */
    color: #333            /* 末尾分号建议也写上 */
  }
  /* 嵌套注释是非法的：
     /* 这样写会导致后面整段失效 */
  */
</style>
<div class="card">一个卡片</div>

🔗 相关词条CSS 浏览器选择器字体

📚 推荐阅读

YY UED 前端规范指南万象云档

优达学城前端样式指南万象云档

移动前端开发经验指南万象云档

Element Plus v2.2 组件库教程万象云档

带你入门前端工程万象云档

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