总结CSS中字符编码声明使用中的一些注意点

前端  /  管理员 发布于 7年前   157

很多人在样式的时候会定义@charset “utf-8”;也有人不去定义，这个属性的作用其实是为了强制声明你的CSS文档类型属性，正确的使用它会让你的文档类型锁定成你想要的，但是往往很多人并没有定义对这个属性，西面我没来看看如何定义才是正确的。

定义这个属性首先它一定且必须出现文档的第一行次属性才能生效：

CSS Code复制内容到剪贴板

1. @charset "utf-8";   
2. .test{   
3.     margin-top: 30px;   
4. }  

以下写法均是错误无效写法：
注释写在声明前面无效：

CSS Code复制内容到剪贴板

1. /*  
2. test test  
3. */  
4. @charset "utf-8";   
5. .test{   
6.     margin-top: 30px;   
7. }  

2.声明必须在第一行，否则无效：

CSS Code复制内容到剪贴板

1. @charset "utf-8";   
2. .test{   
3.     margin-top: 30px;   
4. }   
5.   
6. 3.声明前面不能有空格：   
7.  @charset "utf-8";   
8. .test{   
9.     margin-top: 30px;   
10. }  

4.声明文档类型格式必须使用双引号，单引号无效：

CSS Code复制内容到剪贴板

1. @charset 'utf-8';   
2. .test{   
3.     margin-top: 30px;   
4. }