由于一个中文是两个字符组成，在编码不一致的情况下会引发字符的“重新”组合，（半个汉字的编码字符与后面的字符组合生成新的“文字”）引发原本的结束符合“变异”，从而导致找不到结束符号，使得后面的css就会失效。
小技巧1：css中出现的乱码都是由于css字符编码与页面的字符编码不一致所引起的，因此最直接的方法就是使字符编码一致。将css指定编码类型，例：@charset "utf-8";（指定编码类型为utf-8,须写在css文件第一行）
小技巧2：css中出现的乱码都是由于中文字符引发的，因此只要不写中文，就不会产生“乱码引起css失效”的这种情况
撇开以上两种小技巧，我们在刨下根，就会发现“乱码”通常来自以下两种情况。
一、中文注释引起乱码
css注释为：/*某些注释*/
乱码实例：
正常代码：/*三汉字*/
引起的乱码：/*涓夋眽瀛?/
浏览器环境：ie6
html：gb2312
css：无编码指定，实际解析为utf-8.
DOCTYPE html>
<html>
<head>
<meta charset="gb2312" />
<style type="text/css">
p{/*三汉字*/color:#f00;}
style>
head>
<body>
<p>测试p>
body>
html>
ie7查看源文件。
在ie6以下版本文字颜色没变化。
立即学习“前端免费学习笔记（深入）”；
上例为乱码阻断了CSS注释的结束符，使得后面的CSS内容都在注释范围内，从而导致CSS的失效
防范措施：加强注释
示例：
正常代码：/****三汉字****/
引起的乱码：/****涓夋眽瀛?***/
这种增强版的注释可以防止乱码把注释的最终结束符“变异”，可以在编写CSS时，提前防范。
二、中文字体引起乱码
CSS指定字体：font-family:"中文字体";
乱码实例：
正常代码：font-family:"黑体"
引起的乱码：font-family:"榛戜綋"
浏览器环境：IE6
HTML：gb2312
CSS：无编码指定，实际解析为utf-8
用 php + mysql 驱动的在线商城系统，我们的目标为中国的中小企业及个人提供最简洁，最安全，最高效的在线商城解决方案，使用了自建的会员积分折扣功能，不同的会员组有不同的折扣，让您的商店吸引更多的后续客户。 系统自动加分处理功能，自动处理会员等级，免去人工处理的工作量，让您的商店运作起来更方便省事 采用了自建的直接模板技术，免去了模板解析时间，提高了代码利用效率 独立开发的购物车系统，使用最
DOCTYPE html>
<html>
<head>
<meta charset="gb2312" />
<style type="text/css">
p{/*三汉字*/color:#f00;font-family:"黑体"}
style>
head>
<body>
<p>测试p>
body>
html>
源文件
上例为乱码使得字体名称变成乱码，导致指定字体失效。这个问题的后果似乎不是很严重，但实际情况中，确实存在一种乱码把后面的引号“变异”的情况，使得后面的CSS都在字体的引号中，从而后面的CSS全部失效。
防范措施：采用字体的别名（所以浏览器都可识别）
示例：
正常代码：font-family:"SimHei" （font-family:"\9ed1\4f53" ）
浏览器解析：font-family:"SimHei" （font-family:"黑体"，IE6仍为font-family:"\9ed1\4f53" 但字体解析显示为黑体）
使用别名，绕开了使用中文，从而避免乱码
css中文字体（font-family）列表
Windows的一些：
黑体：SimHei
宋体：SimSun
新宋体：NSimSun
仿宋：FangSong
楷体：KaiTi
仿宋_GB2312：FangSong_GB2312
楷体_GB2312：KaiTi_GB2312
微软雅黑体：Microsoft YaHei
装Office会生出来的一些：
隶书：LiSu
幼圆：YouYuan
华文细黑：STXihei
华文楷体：STKaiti
华文宋体：STSong
华文中宋：STZhongsong
华文仿宋：STFangsong
方正舒体：FZShuTi
方正姚体：FZYaoti
华文彩云：STCaiyun
华文琥珀：STHupo
华文隶书：STLiti
华文行楷：STXingkai
华文新魏：STXinwei
补充：
使用楷体_GB2312、仿宋_GB2312后，在 Windows 7/Vista/2008 中可能不再显示为对应的字体。
这是因为 Windows 7/Vista/2008 中有楷体、仿宋，默认情况下没有楷体_GB2312、仿宋_GB2312，字体名称相差“_GB2312”。
-----------------------------------------------------------
中文字体在 CSS 中的写法
针对字体的写法，觉得需要说明一下：
body,button, input, select, textarea { font: 12px/1 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; }
“\5b8b\4f53″ 就是 “宋体”。用 unicode 表示，不用 SimSun, 是因为 Firefox 的某些版本和 Opera 不支持 SimSun 的写法。
普及点字体知识：
字体的别名
系统中的一个字体是允许有多种别名形式存在的。比如，在 Windows 下，Georgia 也可以用 Georgia MS 来命名，它们其实是同一种字体。宋体的正式名称是 SimSun，而“宋体”只是它的别名。
按照规范，浏览器应该能自动识别字体的别名，并映射到正确的字体文件。比如，font-famliy: SimSun和font-family: "宋体"应该具有等价的效果。可惜，似乎很多浏览器都不能正确执行前一条定义……
因此，考虑浏览器兼容，我们需要用“宋体”，转码成 unicode 形式则可以保证在任何编码下都无问题。
-----------------------------------------------------------
为了方便需要的朋友快速使用，下表中列出了一些常用中文字体的Unicode编码：
黑体 \9ED1\4F53
宋体 \5B8B\4F53
楷体 \6977\4F53
