CSS语法规范

CSS语法规范

• 选择器：找到要添加样式的元素
• 声明块：设置具体的样式（声明块是由一个或多个声明组成的）
  • 格式：属性名： 属性值;

备注1：最后一个声明后的分号理论上能省略，但最好还是写上

备注2：选择器与声明块之间，属性名与属性值之间，均有一个空格，理论上能省略，但最好还是写上

• 注释的写法：

  /* h1标签添加样式 */
  h1 {
    /* 字体颜色为蓝色 */
    color: blue;
    /* 字体大小为40px */
    font-size: 40px;
  }

---

CSS代码风格

• 展开风格 —— 开发时推荐，便于维护和调试

  h1 {
  color: red;
  font-size:40px;
}

• 紧凑风格 —— 项目上线时推荐，可减少文件体积

  h1{color: red;font-size: 40px;}

• 备注：

项目上线时，我们会通过工具将【展开风格】的代码，变成【紧凑风格】，这样可以减少文件体积，节约网络流量，同时也能让用户打开网页时速度更快