| WinXP | Win7 | OS X |
IE9 | C | C |
|
IE8 | A | A |
|
IE7 | A | A |
|
IE6 | A | A |
|
Chrome7 | C | C | C |
Chrome6 | A | A | A |
Chrome3 | B | B | B |
Firefox4 | C | C | C |
Firefox3.6 | A | A | A |
Firefox3.5 | C | C |
|
Firefox3 | C | C |
|
Safari | B | B | B |
Opera | C | C | C |
(注:根据2010年11月10日数据整理)
页面级指仅在一个或少量几个页面中用到。如果仅在一个页面中用到的采用内联方式嵌入于页面head里,多于两个页面的放到外联的CSS文件中,该文件再放到相应的产品目录下。
参见:http://img3.douban.com/css/packed_core1.css
.selector { property:value;property:value; }
.selector1,
.selector2,
.selector3 { property:value;property:value; }
-webkit-border-radius:4px;-moz-border-radius:4px;border-radius: 4px;
/* mod: doulist */
通用规则同样分类放在一起。通用规则在具体模块规则的前面。如:
/* button */
...
/* mod */
...
/* nav */
...
/* mod: events album */
坏:
#rec
.gray-link
.broadsmr
.pl
好:
#db-nav-main
.infobox
.item
表示状态 | .on, .active, .selected, .hili |
表示位置 | .first, .last, .main, .side |
表示结构 | .hd, .bd, .ft, .col, .section |
通用元素 | .tb, .frm, .nav, .list, .item, .tag, .pic, .info |
IE6 | _property:value |
IE6/7 | *property:value |
IE6/7/8/9 | property:value\9 |
非IE6 | property//:value |
IE6 | * html selector { ... } |
IE7 | *:first-child+html selector { ... } |
非IE6 | html>body selector { ... } |
firefox only | @-moz-document url-prefix() { ... } |
saf3+/chrome1+ | @media all and (-webkit-min-device-pixel-ratio:0) { ... } |
opera only | @media all and (-webkit-min-device-pixel-ratio:10000),not all and (-webkit-min-device-pixel-ratio:0) { ... } |
iPhone/mobile webkit | @media screen and (max-device-width: 480px) { ... } |
最后更新日期:2010年11月17日
联系客服