css浏览器乱码的解决办法：1、将CSS指定编码类型如“@charset “utf-8″”；2、在css中使用别名，绕开使用中文，从而避免乱码，其正常代码如“font-family:”SimHei””。
本教程操作环境：Windows10系统、css3版、DELL G3电脑
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:"9ed1f53" ）
登录后复制
浏览器解析：
font-family:"SimHei"
登录后复制
（font-family:”黑体”，IE6仍为font-family:”9ed1f53″ 但字体解析显示为黑体）
使用别名，绕开了使用中文，从而避免乱码。
推荐学习：《css视频教程》
以上就是css浏览器乱码怎么办的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2921363.html
