IE6中CSS解析失效,无法解析CSS
最近在做一个网页的时候发现 IE6 版本以下的浏览器不能把CSS正确地表现出来,CSS 好像没有产生作用!而 IE7 、Chrome 和 Firefox 则没有问题。经过我的分析研究,终于被我发现产生问题的原因:
网页采用了 UTF-8 编码格式,这本来没有问题,问题是外部 CSS 文件默认是 ANSI 编码,并没有保存为 UTF-8 格式。在一般情况下这样也是没有问题的,然而当 CSS 文件中包含有中文注释时就会出现问题了,估计是 IE6 版本以下的浏览器在解析这个 CSS 文件时因为编码问题而无法正确解析,所以才会发生 CSS 在 IE6 下不起作用的情况。可能微软已注意到这个问题,在 IE7 中把它修复了。
但是现在使用 IE6 的用户还是占有很大部分,所以还是要解决这个问题的。
解决方法有两种:
1、把 CSS、JS 和网页文件都统一保存为 UTF-8 格式。
2、去掉 CSS、JS 中的中文注释,或者改为英文。
浅析CCS中Float的实质
一个元素被设定为float后,那么它似乎不再属于这一行,下一个元素可以跑到这一行来,但第一个元素无论如何要在这一行,float:left,那么就意味着它将漂浮在这一行的最左边,第二个元素便紧贴其后,如果设置的是float:right,那么第一个元素将漂浮到最右边,同理,第二个元素跑到这行来显示,由于第一个元素不再在最左边,所以第二个元素显示在这一行的最左边。有三个或多个元素时,也一样遵循这条法则。
Float是有很大用途的,但也不能替代一切。通常是用来将默认 Display属性为非inline值 的标签以left或right的方式在一行中篇列,也可以理解为并排排列。
用什么方法布局都没有错,不是像别人说的用“position:absolute定位”就是错的。position:absolute在有些问题的解决上都很有用的。不要把问题单一化,规则化,才是好的做法。
我在做的东西的时候也会经常用到“position:absolute”但只要你自己觉得这样用最简化的最有效的解决了你的问题就是好的。
在浏览器兼容问题上“position:absolute”也是很有优势。但也要考虑“position:absolute”的环境适应度的问题。
在写一个CSS样式表的时候,都会不可避免地用到一些中文字体,比如说微软雅黑、黑体等,除非是做英文站,或者说你乐意整站都用浏览器默认的字体。在 CSS 中写入中文字体的方法一般采用 font-family:"微软雅黑","黑体";这样类似的表达方式,但是对于像 WordPress 这样需要 UTF8 编码平台来说,一个不注意没有转换编码就会导致中文字体无法按照希望的字体表形出来。所以我们可以通过英文、unicode 这种形式来表达中文,比如说刚才的 font-family:"微软雅黑","黑体";就可以写成 font-family:"Microsoft Yahei","SimHei"。
中文名 英文名 Unicode
Mac OS
华文细黑 STHeiti Light [STXihei] \534E\6587\7EC6\9ED1
华文黑体 STHeiti \534E\6587\9ED1\4F53
华文楷体 STKaiti \534E\6587\6977\4F53
华文宋体 STSong \534E\6587\5B8B\4F53
华文仿宋 STFangsong \534E\6587\4EFF\5B8B
丽黑 Pro LiHei Pro Medium \4E3D\9ED1 Pro
丽宋 Pro LiSong Pro Light \4E3D\5B8B Pro
标楷体 BiauKai \6807\6977\4F53
苹果丽中黑 Apple LiGothic Medium \82F9\679C\4E3D\4E2D\9ED1
苹果丽细宋 Apple LiSung Light \82F9\679C\4E3D\7EC6\5B8B
Windows
新细明体 PMingLiU \65B0\7EC6\660E\4F53
细明体 MingLiU \7EC6\660E\4F53
标楷体 DFKai-SB \6807\6977\4F53
黑体 SimHei \9ED1\4F53
宋体 SimSun \5B8B\4F53
新宋体 NSimSun \65B0\5B8B\4F53
仿宋 FangSong \4EFF\5B8B
楷体 KaiTi \6977\4F53
仿宋_GB2312 FangSong_GB2312 \4EFF\5B8B_GB2312
楷体_GB2312 KaiTi_GB2312 \6977\4F53_GB2312
微软正黑体 Microsoft JhengHei \5FAE\x8F6F\6B63\9ED1\4F53
微软雅黑 Microsoft YaHei \5FAE\8F6F\96C5\9ED1
Office
隶书 LiSu \96B6\4E66
幼圆 YouYuan \5E7C\5706
华文细黑 STXihei \534E\6587\7EC6\9ED1
华文楷体 STKaiti \534E\6587\6977\4F53
华文宋体 STSong \534E\6587\5B8B\4F53
华文中宋 STZhongsong \534E\6587\4E2D\5B8B
华文仿宋 STFangsong \534E\6587\4EFF\5B8B
方正舒体 FZShuTi \65B9\6B63\8212\4F53
方正姚体 FZYaoti \65B9\6B63\59DA\4F53
华文彩云 STCaiyun \534E\6587\5F69\4E91
华文琥珀 STHupo \534E\6587\7425\73C0
华文隶书 STLiti \534E\6587\96B6\4E66
华文行楷 STXingkai \534E\6587\884C\6977
华文新魏 STXinwei \534E\6587\65B0\9B4F
但是,因为 Firefox 居然不支持以上别名,对它来说 "Microsoft Yahei" 并不是微软雅黑,只能反馈出浏览器默认字体的的结果。
如果您觉得本文的内容对您的学习有所帮助:
关键字:
div+css属性使用技巧跟详细讲解第四篇