CSS 代码乱码怎么解决? 下面本篇文章给大家介绍一下 CSS 代码乱码的解决方法. 有一定的参考价值, 有需要的朋友可以参考一下, 希望对大家有所帮助.
乱码引起的 CSS 失效原理:
由于一个中文是两个字符组成, 在编码不一致的情况下会引发字符的 "重新" 组合,(半个汉字的编码字符与后面的字符组合生成新的 "文字") 引发原本的结束符合 "变异", 从而导致找不到结束符号, 使得后面的 CSS 就会失效.
解决方法一:
CSS 中出现的乱码都是由于 CSS 字符编码与页面的字符编码不一致所引起的, 因此最直接的方法就是使字符编码一致. 将 CSS 指定编码类型, 例:@charset "utf-8";(指定编码类型为 utf-8, 须写在 CSS 文件第一行)
解决方法二:
CSS 中出现的乱码都是由于中文字符引发的, 因此只要不写中文, 就不会产生 "乱码引起 CSS 失效" 的这种情况.
撇开以上两种解决方法, 我们在刨下根, 就会发现 "乱码" 通常来自以下两种情况.
一, 中文注释引起乱码
乱码实例:
正常代码:/* 三汉字 */
引起的乱码:/* 涓夋眽瀛?/
上例为乱码阻断了 CSS 注释的结束符, 使得后面的 CSS 内容都在注释范围内, 从而导致 CSS 的失效
防范措施: 加强注释
示例:
正常代码:/**** 三汉字 ****/
引起的乱码:/**** 涓夋眽瀛?***/
这种增强版的注释可以防止乱码把注释的最终结束符 "变异", 可以在编写 CSS 时, 提前防范
二, 中文字体引起乱码
乱码实例:
正常代码:
font-family:"黑体"
引起的乱码:
font-family:"榛戜綋"
上例为乱码使得字体名称变成乱码, 导致指定字体失效. 这个问题的后果似乎不是很严重, 但实际情况中, 确实存在一种乱码把后面的引号 "变异" 的情况, 使得后面的 CSS 都在字体的引号中, 从而后面的 CSS 全部失效.
防范措施: 采用字体的别名 (所以浏览器都可识别)
示例:
正常代码:
font-family:"SimHei" (font-family:"\9ed1\4f53" )
浏览器解析:
- font-family:"SimHei"
- (font-family:"黑体",IE6 仍为 font-family:"\9ed1\4f53" 但字体解析显示为黑体)
使用别名, 绕开了使用中文, 从而避免乱码.
更多 web 前端 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/qa/css3/17299.html