css不识别gb2312

最近在做网站开发的过程中，我遇到了一个问题：使用CSS时，居然不识别GB2312编码！

 p{
        font-family: 'Microsoft Yahei', Arial, sans-serif;
        font-size: 16px;
    } 

我在HTML中使用GB2312编码的中文，在样式表中加上了font-family属性，指定了常用的中文显示字体，结果页面中的文字却全部变成方框，显示不出来了。

我开始觉得很奇怪，因为我的文本编辑器里面改变编码方式后，中文能够正常显示。但是，当我将CSS文件中的编码方式改成UTF-8时，中文就可以正常显示出来了。

 p{
        font-family: 'Microsoft Yahei', Arial, sans-serif;
        font-size: 16px;
        text-align: center;
        color: #000;
        background-color: #fff;
    } 

经过一番查找资料，我发现CSS中确实不支持GB2312编码，只识别UTF-8和Unicode编码。

那么，为什么HTML可以识别GB2312编码，而CSS却不行呢？其实原因很简单，因为HTML中已经默认指定了文档的编码方式，而CSS则没有。

解决办法也很简单，就是将CSS文件的编码方式改成UTF-8或Unicode即可。

总之，学习CSS时，一定要注意到编码的问题，避免出现不必要的麻烦。