热门关键字:
jquery > jquery教程 > div+css > div+css属性使用技巧跟详细讲解第四篇

div+css属性使用技巧跟详细讲解第四篇

1587
作者:管理员
发布时间:2012/8/4 15:41:15
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=38
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样式表的时候,都会不可避免地用到一些中文字体,比如说微软雅黑、黑体等,除非是做英文站,或者说你乐意整站都用浏览器默认的字体。在 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属性使用技巧跟详细讲解第四篇
友荐云推荐