CSS语法

语法一：样式语法

	选择器{
		属性名 : 属性值 ;
		/*注释*/
              }

注意事项：

1. 所有符号均为英语符号
2. 区分大小写
3. 没有 // 注释
4. 最后一个分号可以省略，但是不建议
5. 任何地方错了也不会报错，浏览器会直接忽视

语法二：@语法（有8种此处列举3种）

	@charset "UTF-8"
	@import url(2.css);
	@media (min-width:100px) and (max-width:200px){语法一}

注意事项：

1. @charset必须放在第一行
2. 前两个at语法必须以分号 ; 结尾
3. charset是字符集的意思，但是UTF-8是字符编码encoding，这是历史遗留问题（charset确定的是文件编码而非字符集）

字符集	文件编码
GB2312	GB2312
GBK	GBK
Unicode	UTF8/UTF16/UTF32

调试CSS

1. w3c复制黏贴验证（不推荐）
2. VScode看颜色（不明确）
3. webstorm错误较为明确(推荐，但是开启较慢)
4. chrome的开发者工具查看（选择标签，查看是否有选择器，查看样式是否被划掉，查看样式是否有警告）
5. Border调试法：
   • 怀疑某个元素有问题就给这个元素加border
   • 如果没出现则说明有问题
   • 出现了就看看边界是否符合预期
   • bug解决了才可以把border删掉
   • CSS的border调试法相当于js的log调试法