• 技术文章 >web前端 >前端问答

    css网页乱码怎么办

    藏色散人藏色散人2020-11-17 10:12:19原创65

    css网页乱码的解决办法:1、将CSS字符编码与页面的字符编码设置为一致,设置编码语句如“@charset "utf-8";”;2、在编写css时加强注释;3、采用字体的别名。

    推荐:《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" 但字体解析显示为黑体)

    使用别名,绕开了使用中文,从而避免乱码。

    以上就是css网页乱码怎么办的详细内容,更多请关注php中文网其它相关文章!

    本文原创发布php中文网,转载请注明出处,感谢您的尊重!
    专题推荐:css
    上一篇:网页优化最为重要的内容是什么 下一篇:如何让css hover 失效
    第14期线上培训班

    相关文章推荐

    • css怎么去掉字体粗体样式• css外链式和导入式的区别是什么• css如何设置字体下划线• css中的display是什么意思

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网