豆瓣CSS开发规范

豆瓣CSS开发规范Douban CSS Code Guideline
1 CSS浏览器支持标准

（注：根2010年11月10日数整理）
1 A级－交互视觉完全符全设计求
2 B级－视觉允许差异破坏页面整体效果
3 C级－忽视视觉问题防碍
2 通继承层叠重已样式
3 根新建样式适范围分三级：全站级产品级页面级
1 31 目前全站级CSS文件仅corecssdoubancss(全站级CSS文件中添加规参见45)
2 32 产品级CSS指作某垂直产品（音乐读书电台等）文件放css相应目录
 
页面级指仅少量页面中果仅页面中采联方式嵌入页面head里两页面放外联CSS文件中该文件放相应产品目录
4 corecss全站基样式需放CSS引前面包括：标签reset常规(链接字体隐藏清浮动等)布局种模块基样式等
参见：httpimg3doubancomcsspacked_core1css
5 轻易改动全站级CSS改动全面测试
6 单条CSS规书写格式求
1 61 属性需写行需{}前加空格
     selector { propertyvaluepropertyvalue }
2 62 (>2)selector占行：
     selector1
     selector2
     selector3 { propertyvaluepropertyvalue }
3 63 兼容浏览器时标准属性写面：
     webkitborderradius4pxmozborderradius4pxborderradius 4px
7 作模块CSS规集中放起时注释说明
注释格式：
     * mod doulist *
通规样分类放起通规具体模块规前面：
     * button *
     
     * mod *
     
     * nav *
     
     * mod events album *
8 IDClass命名命名缩写单词间做连接符
1 81 ID标识具体模块命名必须具体唯前缀名字组成滥ID： #dbvideolist
2 82 Class标识某类型元素命名简洁表意清楚：list
3 83 命名示例：
     坏：
     #rec
     graylink
     broadsmr
     pl
     ：
     #dbnavmain
     infobox
     item
1 84 推荐class名：
表示状态
on active selected hili
表示位置
first last main side
表示结构
hd bd ft col section
通元素
tb frm nav list item tag pic info
 
9 量避免CSS Hack
推荐面：
区属性：
IE6
_propertyvalue
IE67
*propertyvalue
IE6789
propertyvalue＼9
非IE6
propertyvalue
 
区规：
IE6
* html selector { }
IE7
*firstchild+html selector { }
非IE6
html>body selector { }
firefox only
@mozdocument urlprefix() { }

saf3+chrome1+
@media all and (webkitmindevicepixelratio0) { }
opera only
@media all and (webkitmindevicepixelratio10000)not all and (webkitmindevicepixelratio0) { }
iPhonemobile webkit
@media screen and (maxdevicewidth 480px) { }
 
10 afteroverflow方式清浮动
11 联外联CSS必须放页面head里序：全站级CSS产品级CSS页面级(外联)CSS页面级(联)CSS联CSS
12 避免低效选择器
：
body > * {}
ul > li > a {}
#footer > h3 {}
ul#top_blue_nav {}
#searbar spansubmit a { }
13 量避免filter
14 直接修改标签样式
： div { }
15 标签直接写样式
：