好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

乱码引起的CSS失效原理,解决技巧。

由于一个中文是两个字符组成,在编码不一致的情况下会引发字符的[重新]组合,(半个汉字的编码字符与后面的字符组合生成新的[文字])引发原本的结束符合[变异],从而导致找不到结束符号,使得后面的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  >  

查看更多关于乱码引起的CSS失效原理,解决技巧。的详细内容...

  阅读:45次