本篇文章围绕了 CSS 的核心知识点和项目中常见的需求来展开。虽然行文偏长，但较基础，适合初级中级前端阅读，阅读的时候请适当跳过已经掌握的部分。
这篇文章断断续续写了比较久，也参考了许多优秀的文章，但或许文章里还是存在不好或不对的地方，请多多指教，可以评论里直接提出来哈。
核心概念和知识点语法CSS 的核心功能是将 CSS 属性设定为特定的值。一个属性与值的键值对被称为声明（declaration）。
(资料图片仅供参考)
color: red;复制代码而如果将一个或者多个声明用 {}包裹起来后，那就组成了一个声明块（declaration block）。
{ color: red; text-align: center;}复制代码声明块如果需要作用到对应的 HTML 元素，那还需要加上选择器。选择器和声明块组成了CSS 规则集（CSS ruleset），常简称为 CSS 规则。
span { color: red; text-align: center;}复制代码规则集中最后一条声明可以省略分号，但是并不建议这么做，因为容易出错。
CSS 中的注释：
/* 单行注释 *//* 多行 注释*/复制代码在 CSS 文件中，除了注释、CSS 规则集以及 @规则 外，定义的一些别的东西都将被浏览器忽略。
@规则CSS 规则是样式表的主体，通常样式表会包括大量的规则列表。但有时候也需要在样式表中包括其他的一些信息，比如字符集，导入其它的外部样式表，字体等，这些需要专门的语句表示。
而 @规则 就是这样的语句。CSS 里包含了以下 @规则：
@namespace 告诉 CSS 引擎必须考虑XML命名空间。@media, 如果满足媒体查询的条件则条件规则组里的规则生效。@page, 描述打印文档时布局的变化.@font-face, 描述将下载的外部的字体。@keyframes, 描述 CSS 动画的关键帧。@document, 如果文档样式表满足给定条件则条件规则组里的规则生效。 (推延至 CSS Level 4 规范)除了以上这几个之外，下面还将对几个比较生涩的 @规则 进行介绍。
@charset@charset 用于定义样式表使用的字符集。它必须是样式表中的第一个元素。如果有多个 @charset被声明，只有第一个会被使用，而且不能在HTML元素或HTML页面的
