css代码里面前面有一句@charset "utf-8";是什么意思？？

html-css016

css代码里面前面有一句@charset "utf-8";是什么意思？？,第1张

表明CSS文件的页面编码为UTF-8。。如果这个CSS的文件编码也是UTF-8的话。。那么在浏览器中看到的CSS文件的页面中中文的注释或者中文字体就可以正确显示为中文，如果CSS的文件编码和页面不一致的话。那么这个CSS文件的中文则会显示为乱码。。特别是定义中文字体的时候。就不能正确识别。。其他则没有多大影响。。

这是给文件指定编码器，css的编码要根据html源文件来定，要保持编码方式的一致。

例如html中有这样一句指定编码的代码：

<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" />

那么css中也应该指定gb2312。

"utf-8”同理

从图中看，样式改变可能是因为编码不一致，导致至少font-family那一行读出的是无效值，然后按照浏览器默认样式显示出来。

呼吁各位在知道回答的童鞋，如果不太懂就不要乱回答，刷积分确实很重要，但还是希望能帮助维持知道这个平台的整洁。