CSS历史
1.CSS提出者：
HTML发明者Tim Berners-Lee的挪威同事Hakon Wium Lie
2.CSS的厉害之处在于它的层叠样式表：
- 样式层叠：可以对同一选择器进行样式声明
- 选择器层叠：可以用不同选择器对同一个元素进行样式声明
- 文件层叠：可以对多个文件进行层叠
3.CSS版本：
- CSS2.1 时间：2004~2011（IE支持），是使用最广泛的版本
- CSS3 时间：1999年开始起草，现代版本，分模块（IE 8部分支持）
4.怎样才能知道浏览器支持哪些特性：
在caniuse.com网站，输入你比较关心的样式，即可查看大部分浏览器的支持情况，如果想要看更多，可点击show All，下方也会详细说明兼容bug有哪些 （可翻译成中文进行阅读）。
5.语法：
- 语法一：样式语法
选择器{ 属性名:属性值; /*注释*/ }
注意事项：
- 所有符号都是英文符号，如果写错了，浏览器会警告；
- 区分大小写，a和A是不同的东西；
- CSS里面没有//注释；
- 最后一个分号可以省略，但建议不要省略；
- 浏览器也会直接忽略一些错误，如color写成colour，只有在检查里面，浏览器只会有个警告；
- 那如何知道自己写没写错呢？（先卖个关子，待会再详聊）
- 语法二：at语法
@charset "UTF-8"; @import url(2.css); @media (min-width: 100px) and (max-width: 200px){ 语法一 } - @charset必须放在文件第一行；
- 前两个at语法必须以分号 ; 结尾；（你不加就错了，但是浏览器不会告诉你）
- charset是字符集的意思，但UTF-8是字符编码encoding （这是历史遗留问题，简单理解就是charset确定的是文件编码 ）
6.如何调试：
- 使用w3c验证器（在线/命令行工具）
- 使用vscode看颜色
- 使用webstorm看颜色
- 使用开发者工具看警告： 选中你想要 查看的标签，看他是否有选择器，看看他样式是否被划掉；
看他样式是否有警告；
- Border调试法 ：怀疑某个元素有问题，就给这个元素加border；border没出现效果：说明上代码有错误；border出现了：继续往下走检查；bug解决了就可以把border删掉；
7.资料查询：
- Google 搜索关键词时加MDN；
- 关键词+ CSS tricks（英文）；
- 关键词+张鑫旭的博客；
8.练习素材：
- PSD :英文PSD网站；
- 效果图： 顶级设计师社区，可以用肉眼模仿它；
- 商业网站：直接模仿你常去的网站 ；
