1 发明者：Hakon Wium Lie(赖先生)
2 层叠样式表
1、样式层叠：可以多次对同一选择器进行样式声明； 2、选择器层叠：可以用不同选择器对同一个元素进行样式声明；
3、文件层叠：可以用多个文件进行层叠。
这些特性使得CSS 极度灵活。
3 版本
CSS2.1（2004~2011）：使用最广泛的版本；
CSS3（1999年开始起草）：最新的版本，分模块升级开发，之后没有css版本升级，只有模块升级；
4 caniuse.com
测试各个浏览器是否支持某个特性；
5 体系化学习
5.1 CSS最新文档
搜索 css spec，All CSS specifications (w3.org)。
5.2 语法
语法一：样式语法
选择器{
属性名:属性值;
}
注意事项： 1、所有符号都是英文符号，如果写错了，浏览器会警告；
2、区分大小写，a和A是不同的；
3、没有//注释；
4、最后一个分号可以省略，但建议不要省略；
5、任何地方写错了，都不会报错，浏览器会直接忽略；
5.3 @语法（只有以下三种）
@charset "UTF-8";
@import url(2.css); （导入css文件）
@media (min-width: 100px) and (max-width: 200px) {
语法一}
注意事项： 1、@charset必须放在第一行；
2、前两个@语法必须以分号结尾； 3、charset 是字符集的意思，但UTF-8 是字符编码encoding，这是历史遗留问题。
5.4 调试
1、w3c valicator在线工具调试；
2、使用vscode看颜色（只能标出错误的大概位置）；
3、webstorm看颜色；
4、开发者工具看警告： 找到有问题的标签--看它是否有选择器--看它的样式是否被划掉--看它的样式是否有警告（如果被划掉说明被覆盖了或者语法错误，如果有感叹号，肯定是语法错误）。
5.5 border 调试法
步骤：
怀疑某个元素有问题--就给这个元素加border--border没出现？说明border的上一行代码选择器错了或者语法错了--border出现了？看看边界是否符合预期--bug解决了才可以把border删掉。
5.6 常见错误
1、选择器拼写错误；
2、属性名拼写错误；
3、属性值拼写错误；
4、大小写错误；
5、没写分号；
6、中文冒号；
7、没写反花括号；
8、没加单位。
5.7 在哪查资料
1、google搜素关键词时加mdn；
2、关键词+ css tricks；
3、关键词+张鑫旭；
5.8 css练习素材
1、PSD:
在Freepik网站上勾选 PSD、 web；（外网）
365PSD网的UI套件（国内）；
2、效果图（不提供下载：外网）：
dribbble.com，顶级设计师社区，用肉眼模仿；
3、模仿国内商业网站。
6 标准制定者
1、CSS最新标准：搜索CSS spec，All CSS specifications (w3.org)；
2、中文版：搜索CSS 2.1，层叠样式表（CSS 2.1）规范中文翻译)。
