当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > 看懂《CSS hack浏览器兼容一览表》

CSS样式表
20个优秀CSS网站(3月精选)
网页颜色搭配技巧 文字字体、字号、字体排版等
让人不得不佩服的CSS效果
非常漂亮的Div+CSS布局入门教程
推荐彻底弄懂CSS盒子模式(DIV布局快速入门)
CSS opacity - 实现图片半透明效果的代码
代码实例之纯CSS代码实现翻页效果
比较漂亮的一个导航条的效果DIV+CSS
DIV+CSS布局教程大全与pdf电子书 下载
HTML 30分钟入门教程
css滤镜基础教程
css滤镜效果(一)
css滤镜效果(二)
巧用CSS的MASK滤镜
css动态模糊效果
div+css详解定位与定位应用
彻底弄懂CSS盒子模式系列教程集合
用<TABLE>语句来实现圆角表格可以省去制作圆角图片之苦!
HTML下在IE浏览器中的专有条件注释讲解
用css实现的灰度/原色连接效果

CSS样式表 中的 看懂《CSS hack浏览器兼容一览表》


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-11   浏览: 76 ::
收藏到网摘: n/a


CSS hack浏览器兼容一览表
《CSS hack浏览器兼容一览表》在很多的网站都是以一个图片的形式出现,所以许多读者不能理解它的实现的用法,例如:p\roperty:value; ,这句到底是什么意思,其实只要你去了原文地址看它的代码例子就一目了然了,下面举了几个实例,供参考。
voice-family:”\”}\”";
voice-family:inherit;
property:value;
<STYLE type=text/css>
#test-span {
voice-family:"\"}\"";
voice-family:inherit;
color:green;
}
</STYLE>
p\roperty:value;
<style type="text/css">
#test-span {
c\olor:green;
}
</style>
/*/*/property:value;/* */
<style type="text/css">
#test-span {
/*/*/ color:green; /* */
}
</style>
/*/*//*/property:value;/* */
<style type="text/css">
#test-span {
/*/*//*/ color:green; /* */
}
</style>
div#test
<style type="text/css">
span#test-span {
color:green;
}
</style>
head:first-child body div
<style type="text/css">
head:first-child body #test-span {
color:green;
}
</style>
Windows,Mac OS X,Macintosh,Other,这些都是操作系统名称,具体操作系统介绍点击相应链接。
IE, Mz, Ns, Op是指浏览器名称,原文有各浏览器相应地址链接点击进入了解相关知识
7, 6, 5.5, 5, 4浏览相应版本号
Y,N指名浏览器在不同的操作系统中是否支持的HACK
很多CSS HACK应用中,都是利用各版本的独有的HACK支持而进行的排列组合