zoukankan      html  css  js  c++  java
  • 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:"9ed14f53" )
    

    浏览器解析:

    font-family:"SimHei"
    

    (font-family:"黑体",IE6仍为font-family:"9ed14f53" 但字体解析显示为黑体)

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

  • 相关阅读:
    maven 的 oracle的Missing artifact com.oracle:******:jar:11.2.0.2.0
    [CF 191C]Fools and Roads[LCA Tarjan算法][LCA 与 RMQ问题的转化][LCA ST算法]
    公司估值(贴现现金流量法DCF)
    Shell编程学习---第五篇:Shell的输入和输出
    S3C2410 实验三——块拷贝、字拷贝(寄存器的理解)
    模板方法模式实现组合查询
    关于方程x^2+y^2=p (p为素数)的解问题
    IOS登陆+注册+抽奖+排行榜
    用PersonalRank实现基于图的推荐算法
    Redis3.0--集群安装部署
  • 原文地址:https://www.cnblogs.com/gechen/p/11995661.html
Copyright © 2011-2022 走看看