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

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

@charset "utf-8";

.test{
    margin-top: 30px;
}

以下写法均是错误无效写法：

1、注释写在声明前面无效：

/*
test test
*/

@charset "utf-8";

.test{
    margin-top: 30px;
}

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

@charset "utf-8";

.test{
    margin-top: 30px;
}

3、声明前面不能有空格：

 @charset "utf-8";

.test{
    margin-top: 30px;
}

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

@charset 'utf-8';

.test{
    margin-top: 30px;
}

原文链接：HelloWeb前端网 » 请正确声明你CSS中的@charset “utf-8” » 感谢您的浏览，希望能有所帮助。

欢迎您加入“Helloweb” 学习交流群： 196291215 共同交流并结识同行，在这里说出您的收获与感想或有什么不同的观点，我们期待您的留言，分享，让我们一起进步！