注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

米欧互联

No matter what you want to express……

 
 
 

日志

 
 
关于我

{ note: ‘不会编程的设计狮不是好科研狗’ }

网易考拉推荐

豆瓣网前端开发规范之-css开发规范  

2013-09-21 15:55:53|  分类: html |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

1. CSS浏览器支持标准

 WinXPWin7OS X
IE9CC 
IE8AA 
IE7AA 
IE6AA 
Chrome7CCC
Chrome6AAA
Chrome3BBB
Firefox4CCC
Firefox3.6AAA
Firefox3.5CC 
Firefox3CC 
SafariBBB
OperaCCC

(注:根据2010年11月10日数据整理)

  • A级-交互和视觉完全符全设计的要求
  • B级-视觉上允许有所差异,不破坏页面整体效果
  • C级-可忽视视觉上的问题,但不防碍使用

2. 尽可能的通过继承和层叠重用已有样式

3. 根据新建样式的适用范围分为三级:全站级、产品级、页面级

  • 3-1. 目前全站级的CSS文件仅有core.css和douban.css(向全站级CSS文件中添加规则参见4和5)。
  • 3-2. 产品级CSS是指作用于某一垂直产品(如音乐、读书、电台等),文件放在css/下相应目录下。

页面级指仅在一个或少量几个页面中用到。如果仅在一个页面中用到的采用内联方式嵌入于页面head里,多于两个页面的放到外联的CSS文件中,该文件再放到相应的产品目录下。

4. core.css是全站基本样式。它需要放在所有CSS引用的最前面。它包括:标签reset、常用规则(链接、字体、隐藏、清浮动等)、布局、各种模块基本样式等

参见:http://img3.douban.com/css/packed_core1.css

5. 不要轻易改动全站级CSS。改动后,要经过全面测试

6. 单条CSS规则的书写格式要求

  • 6-1. 属性需要写在一行。需要在“{“和”}”前后加空格。

.selector { property:value;property:value; }

  • 6-2. 多个(>2)selector每个占一行:

.selector1,

.selector2,

.selector3 { property:value;property:value; }

  • 6-3. 兼容多个浏览器时,将标准属性写在后面,如:

-webkit-border-radius:4px;-moz-border-radius:4px;border-radius: 4px;

7. 将作用于不同模块的CSS规则集中放在一起,同时用注释说明

注释的格式:

/* mod: doulist */

通用规则同样分类放在一起。通用规则在具体模块规则的前面。如:

/* button */



/* mod */



/* nav */



/* mod: events album */

8. ID和Class命名。命名不要用缩写,单词间用”-”做为连接符

  • 8-1. ID是用来标识具体模块,命名必须具体且唯一,由前缀和名字组成。不要滥用ID。如: #db-video-list。
  • 8-2. Class是用来标识某一类型的元素,命名简洁表意清楚。如:.list。
  • 8-3. 命名示例:

坏:

#rec

.gray-link

.broadsmr

.pl

好:

#db-nav-main

.infobox

.item

  1. 8-4. 推荐使用的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_property:value
IE6/7*property:value
IE6/7/8/9property:value9
非IE6property//:value

区别规则:

IE6* html selector { … }
IE7*:first-child+html selector { … }
非IE6html>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) { … }

10. 使用after或overflow的方式清浮动

11. 内联和外联的CSS都必须放在页面的head里。顺序是:全站级CSS,产品级CSS,页面级(外联)CSS,页面级(内联)CSS,内联CSS

12. 避免使用低效的选择器

如:

body > * {…}

ul > li > a {…}

#footer > h3 {…}

ul#top_blue_nav {…}

#searbar span.submit a { … }

13. 尽量避免使用filter

14. 不要直接修改标签的样式

如: div { … }

15. 不要在标签上直接写样式

如:<div style=”margin-bottom:30px;”>

16. 不要在CSS中使用 expression

17. 不要在CSS中使用 @import

18. 不要在CSS中使用 !important

19. 绝对不要在CSS中使用 “*” 选择符



refer


豆瓣的core.css
@charset "utf-8";body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0}body{font:12px/1.6 arial,helvetica,sans-serif}a:link{color:#369;text-decoration:none}a:visited{color:#669;text-decoration:none}a:hover{color:#fff;text-decoration:none;background:#039}a:active{color:#fff;text-decoration:none;background:#f93}textarea{resize:none}button{cursor:pointer;line-height:1.2}a img{vertical-align:text-bottom}.mod{width:100%}.hd:after,.bd:after,.ft:after,.mod:after{content:'\0020';display:block;clear:both;height:0}.bn-close{margin-left:2em}a.bn-close:link,a.bn-close:visited,a.bn-close:hover,a.bn-close:active{color:#aaa;font-size:9px;padding:0 2px}a.bn-close:hover,a.bn-close:active{background:#f10;color:#fff;border:2px solid #f00}.hide{position:absolute;visibility:hidden;left:-1000em;top:-1000em}.clear{display:block;clear:both}.cr{float:none;display:block;width:100%;clear:both;margin:0;padding:0;font-size:0;line-height:0;height:0;overflow:hidden;*margin-bottom:-2px}#content h1{font-size:26px;font-weight:800;margin-bottom:.4em;color:#555}#header{margin-bottom:.8em;padding-top:.8em}#content{margin-bottom:.8em}.wrapper{width:950px;margin:0 auto}#header,#content,#footer{width:100%}.mod .hd:after,.mod .bd:after,.mod .ft:after,#header:after,#content:after,#footer:after{content:'\0020';display:block;clear:both;height:0}.article{float:left;width:590px}.aside{float:right;width:310px}.nav{float:left;width:150px;margin-right:10px}.mod{margin-bottom:1.4em}.mod h2{font-size:14px;padding-bottom:1em;color:#060}body{margin-top:0}#header{width:100%;margin:0 0 40px 0;background:0}#searbar{margin:0}#header{width:100%}#header:after,.site-nav:after,.top-nav-items:after,.top-nav:after,.site-nav .bd:after{content:'\0020';display:block;clear:both;height:0}.top-nav{clear:both;width:100%;color:#d4d4d4;margin-bottom:20px;height:30px;border-bottom:1px dashed #d4d4d4}.top-nav .bd{width:950px;margin:0 auto}.top-nav-items{float:left;*position:relative;font-size:12px;margin-top:3px}.top-nav-items li{float:left;display:inline;margin:2px 20px 0 0}.nav-srh{float:left;height:38px;padding-left:5px;background:url(http://t.douban.com/pics/nav/ui_ns_sbg4.png) no-repeat 0 0}.nav-srh form{padding:0 1px 0 0;height:38px;*float:left;background:url(http://t.douban.com/pics/nav/ui_ns_sbg4.png) no-repeat 100% 0}.nav-srh input{float:left;width:300px;height:26px;line-height:26px;border:1px solid #a6d098;background:#fff;padding:0 2px}.nav-srh .inp{padding-top:5px;width:366px}.nav-srh .bn-srh{width:54px;height:29px;padding:0 0 3px 6px;border:0;background:transparent url(http://t.douban.com/pics/nav/ui_ns_sbg4.png) no-repeat 0 -100px;cursor:pointer;letter-spacing:6px;text-align:center}.nav-srh .bn-srh{padding:2px 0 0 3px\9}.pro-nav .nav-srh{float:left}.site-nav{width:100%;height:36px;clear:both}.site-nav .bd{float:right;height:36px;width:84%}.site-nav-logo{float:left;position:relative;*margin-top:2px}#db-nav-main .site-nav-logo em{display:none}#db-nav-main .bd{width:774px;background-color:#e7f3e7}.site-nav-logo img{margin-bottom:-3px}.site-nav-logo a:hover,.site-nav-logo a:active,.site-nav-logo a{background:transparent}.top-nav-info{float:right;margin-top:5px;*margin-top:6px}.top-nav a:link,.top-nav a:visited,.top-nav a:hover,.top-nav a:active{color:#566d5e}.top-nav a:hover{background-color:#566d5e;color:#fff}.top-nav li.on{color:#000}.top-nav li.on,.top-nav li.on a:link,.top-nav li.on a:visited,.top-nav li.on a:hover,.top-nav li.on a:active{color:#219a44;font-weight:800}.top-nav li.on a:hover{color:#fff;background:#219a44}.top-nav em,.site-nav em{font-style:normal}.top-nav-info a{margin-left:10px}.site-nav-items{float:left;padding-left:28px;line-height:36px;color:#d4d4d4}.site-nav-items li{float:left;margin-right:14px;background:url(http://t.douban.com/pics/nav/ui_ns_sbg4.png) no-repeat 0 -140px}.site-nav-items li a:link,.site-nav-items li a:hover,.site-nav-items li a:visited,.site-nav-items li a:active{font-size:14px;color:#0c7823;margin-left:14px;vertical-align:middle}.site-nav-items li a:hover{background-color:#0c7823;color:#fff}.site-nav h1{font-size:21px;padding:8px 0}.nav-tip{margin-bottom:-2em;text-align:right;line-height:2;*position:relative}.nav-tip a{margin-left:10px}.srh-group{border-top:1px solid #ddd;margin-top:5px;padding-top:5px}.srh-group a:hover{background:#777!important}.single-nav{padding-top:15px}.blur{color:#ddd}.submenu{float:left;position:relative;width:45px;height:21px;border:1px solid #b6c9c1;border-left:none;margin:0 2px 0 -5px;background:#fff;padding:2px 0 1px 0}.submenu .menu{position:absolute;width:85px;top:24px;right:-1px;background:#fff;border:1px solid #b6c9c1}.submenu .selected{padding:0 0 0 5px;border-left:1px solid #b6c9c1;cursor:pointer}.submenu .selected span{position:absolute;width:7px;height:5px;right:4px;top:10px;overflow:hidden;background:url(http://t.douban.com/pics/nav/ui_ns_sbg4.png) no-repeat -240px -124px}.submenu .menu li{width:100%}.submenu .menu a{display:block;padding:2px 10px}.nav-srh .open span{background-position:-240px -100px}.submenu .line{height:1px;font-size:0;line-height:0;margin-bottom:1px;overflow:hidden;border-bottom:1px solid #c3c3c3}a.bn-radio:link,a.bn-radio:visited,a.bn-radio:hover,a.bn-radio:active{position:relative;margin:0 4px;padding:0 0 0 24px;zoom:1;height:14px;overflow:hidden;vertical-align:text-bottom;background:url(http://t.douban.com/pics/nav/ic_radio2.gif) no-repeat 0 0;*vertical-align:baseline;line-height:15px;*margin:0;*top:-1px}a.bn-radio:hover{color:#fff;background-color:#6a7e71}#db-nav-movie .site-nav-items li{margin-right:9px}#db-nav-movie .nav-srh{background-position:0 -50px}#db-nav-movie .nav-srh form{background-position:100% -50px}#db-nav-movie .nav-srh input{border-color:#8cd4de}#db-nav-movie .nav-srh .bn-srh{background-position:-130px -100px}#db-nav-movie .site-nav-items li a:link,#db-nav-movie .site-nav-items li a:hover,#db-nav-movie .site-nav-items li a:visited,#db-nav-movie .site-nav-items li a:active{font-size:14px;color:#0090b3;margin-left:12px;vertical-align:middle}#db-nav-movie .site-nav-items li a:hover{background-color:#0090b3;color:#fff}#db-nav-book .site-nav-items li{margin-right:9px}#db-nav-book .site-nav-items li a:link,#db-nav-book .site-nav-items li a:hover,#db-nav-book .site-nav-items li a:visited,#db-nav-book .site-nav-items li a:active{margin-left:12px}#db-nav-book li .lnk-buy{display:-moz-inline-box;display:inline-block;zoom:1;width:66px;height:21px;line-height:22px;*line-height:23px;overflow:hidden;background:transparent url(http://t.douban.com/pics/nav/ui_ns_sbg4.png) no-repeat -280px -120px;font-size:12px;color:#368332;*margin-top:8px}#db-nav-movie .site-nav-items,#db-nav-book .site-nav-items{padding-left:20px}#db-nav-book li .lnk-buy em{margin-left:24px}#db-nav-main .site-nav-items li{margin-right:28px;background:0;color:#e9f4e9}#db-nav-main .site-nav-items li a{margin:0}#db-nav-main .bd{background-color:#e9f4e9}#db-nav-main .nav-srh input{width:264px;height:24px}#db-nav-main .nav-srh .inp{width:300px}#db-nav-music .site-nav-items li{margin-right:30px;background:0;color:#eff2ef}#db-nav-music .bd{background-color:#e9ede9}#db-nav-main .nav-srh,#db-nav-main .nav-srh form,#db-nav-music .nav-srh,#db-nav-music .nav-srh form{background:0}#db-nav-main .nav-srh,#db-nav-music .nav-srh{float:right;height:36px}#db-nav-main .nav-srh form,#db-nav-music .nav-srh form{height:36px}#db-nav-music .nav-srh input{width:235px;height:24px}#db-nav-main .nav-srh .bn-srh,#db-nav-music .nav-srh .bn-srh{width:50px;height:26px;*padding-top:1px}#db-nav-music .nav-srh .inp{width:300px}#db-nav-music .site-nav-items li a:link,#db-nav-music .site-nav-items li a:hover,#db-nav-music .site-nav-items li a:visited,#db-nav-music .site-nav-items li a:active{font-size:14px;color:#3b5343;margin-left:0;vertical-align:middle}#db-nav-music .site-nav-items li a:hover{background-color:#607869;color:#fff}#db-nav-music .nav-srh input{border-color:#b6c9c1}#db-nav-music .nav-srh .bn-srh{background-position:-60px -100px}#db-nav-main .nav-srh .bn-srh{width:27px;margin-left:-4px;overflow:hidden;text-indent:-100px;background-position:-190px -100px}#db-nav-main .site-nav-logo{padding-top:3px;_padding-top:5px;_height:34px}#db-nav-music .site-nav-logo,#db-nav-movie .site-nav-logo,#db-nav-book .site-nav-logo,#db-nav-location .site-nav-logo{padding-top:5px}.db-services{width:100%;margin-bottom:1em;overflow:hidden;line-height:2;border-top:1px dashed #ddd;color:#999;padding-top:.5ex}.db-services .services{float:left;margin-right:4em;*margin-right:2.6em}.db-services .basic{width:100%;overflow:hidden;margin:0}.db-services .basic li{float:left;margin-right:4.2em;*margin-right:3.6em}.db-services .last,.db-services .basic .last{margin:0}.db-services a.first:link,.db-services a.first:visited{color:#369}.db-services a.first:hover,.db-services a.first:active{color:#fff;background:#039}.db-services a:link,.db-services a:visited{color:#999}.db-services a:hover,.db-services a:active{color:#fff;background:#999}.db-inc{clear:both;color:#999;padding-bottom:1em}.db-inc .about{float:right}.list-s{clear:both}.list-s li{float:left;text-align:center}.list-m .title a{font-size:14px}.list-m p,.list-m .title span{color:#666}.list-m li{border-bottom:1px dashed #ccc;padding:2px 0}.list-m .date{margin-left:1em}.list-m .last{border:0}.list-t dt{border-bottom:1px solid #ccc}.list-t dd{margin-bottom:1em}.list-t .list-m li{padding-left:12px;background:url(data:image/png;base64,R0lGODlhDAAKAIAAAKOjo////yH5BAAAAAAALAAAAAAMAAoAAAINjI+pywjfHoiw2YttAQA7) no-repeat 0 6px;*background-image:url(mhtml:http://t.douban.com/css/ui/inline_img.css!list-dot)}blockquote{padding:0 1em;margin:1em;color:#000;background:url(data:image/png;base64,R0lGODlhCgAIALMAAPf39+jo6NjY2NHR0fv7+9zc3MnJyeDg4OTk5NTU1Ozs7PPz883Nzf///8XFxQAAACH5BAAAAAAALAAAAAAKAAgAAAQvsDVkglSsTMdIW46zAIajSINzNEeINEooNExoFnZrJ4nt9KECwsZY1AYEQs+wiAAAOw==) no-repeat 0 0;*background-image:url(mhtml:http://t.douban.com/css/ui/inline_img.css!quote-left)}blockquote q{*zoom:1;padding-right:1em;margin-right:1ex;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAMCAMAAABstdySAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADBQTFRF8/PzycnJ+/v7zc3N0dHR7Ozs8PDw9/f36Ojo2NjY3Nzc5OTk4ODg1NTUxcXF////KgVc/gAAABB0Uk5T////////////////////AOAjXRkAAABKSURBVHjahMy7FoAwDAJQ+lDTpoX//9vi4mqGe4AhQOdSHdwVm2SmGTDcbyemmWEa5CW03GGbdJEPUHhLnSmMElL6oaDvfuMRYABv3gXwJw084AAAAABJRU5ErkJggg==) no-repeat right bottom;*background-image:url(mhtml:http://t.douban.com/css/ui/inline_img.css!quote-right)}.list-b{width:100%;color:#666}.list-b th{padding:2px;border-bottom:1px dashed #ccc;color:#000}.list-b td{padding:2px;border-bottom:1px dashed #ccc;vertical-align:middle}.list-b .author,.list-b .count,.list-b .date{width:6em;text-align:right;white-space:nowrap}.list-b .count{width:3em}.list-b .author{text-align:left}.list-b .tit-reply,.list-b .tit-last{text-align:right}.item{*display:inline-block;overflow:hidden}.item .pic{display:table-cell;*float:left;padding-right:12px;text-align:center;vertical-align:top}.item .pic span{display:block}.item .info{display:table-cell;*float:left;text-align:left;vertical-align:top;*vertical-align:baseline}.item .info span{color:#666}.item .info ul{margin-left:1em}.info li{float:none;text-align:left}.info li span{display:inline}.update-item,.comment-item{*zoom:1;overflow:hidden;margin-bottom:1.6em}.update-item .pic,.comment-item .pic{float:left;margin-right:-100em}.update-item .content,.comment-item .content{float:right:100%;padding-left:6em}.comment-item h3{margin-bottom:1ex}.comment-item p,.comment-item .author{margin-bottom:1em}.comment-item .title{font-size:14px}.update-item .content{padding-left:5em}.update-item .author{margin-bottom:.5em}.update-item blockquote,.update-item p{margin:.5em 0}.update-item li{border-bottom:1px solid #eee;min-height:55px;_height:55px}.update-item p{color:#999}.album-photo{text-align:left;overflow:hidden}.album-photo .cover{padding:3px 10px 10px 3px;background:transparent url(http://t.douban.com/pics/ui/core1.png) no-repeat 0 -300px}.album-photo .title{font-size:14px}.album-photo-s{width:100px;overflow:hidden}.album-photo-s .cover{padding:5px 8px 8px 5px;margin-bottom:1ex;background:transparent url(http://t.douban.com/pics/ui/core1.png) no-repeat -250px -170px}.album-photo-s .title{font-size:12px}.toprate{width:100%}.toprate .num{width:2em;font-size:9px}.toprate .stat{width:2em;font-size:9px;color:#666}.up,.stay,.down{padding-left:12px;line-height:1.2;background:url(http://t.douban.com/pics/ui/core1.png) no-repeat -250px -120px}.down{background-position:-250px -132px}.stay{background-position:-250px -145px}form label{float:left;width:4em}legend{font-size:14px;padding-bottom:1em;color:#060}.item-r label{float:none}form .item{margin-bottom:.5ex}form .item input{margin-right:1em}.item-r{margin:1ex 0 1em 4em}.item .item-r input,.item .item-r{margin:0}.item .item-r label{font-size:1em;margin-right:1em}form .item-submit{padding:1ex 0 2em 4em}.frm-comment label{font-size:14px}.frm-comment textarea{width:440px;height:330px}.frm-comment .item-submit{padding-left:5em}.paginator{font-size:14px}.paginator a{margin:0 .5ex}.paginator .prev{margin-right:1em}.paginator .next{margin-left:1em}.paginator .on{background:#83bf73;color:#fff;padding:1px}.infobox .ex2,.infobox .ex1{height:5px;line-height:0;font-size:0;margin-left:5px;background:url(http://t.douban.com/pics/ui/core1.png) no-repeat 100% -100px}.infobox .ex2 span,.infobox .ex1 span{position:relative;display:block;margin-left:-5px;width:5px;height:5px;overflow:hidden;background:url(http://t.douban.com/pics/ui/core1.png) no-repeat 0 -100px}.infobox .ex2{background-position:100% -105px}.infobox .ex2 span{background-position:0 -105px}.infobox .bd{padding:0 1em;background:#fef8f2;border:1px solid #f9f2ea;border-width:0 1px}.bn-add span,.bn-add,.bn-hot span,.bn-hot,.bn-std span,.bn-std{display:inline-block;display:-moz-inline-stack;*zoom:1;height:22px;line-height:0;font-size:0;padding-left:3px;vertical-align:middle;overflow:hidden}.bn-hot span,.bn-hot{height:24px}.bn-add,.bn-add span,.bn-hot,.bn-hot span,.bn-std span,.bn-std,x:default{display:inline-block}.bn-add span,.bn-hot span,.bn-std span{padding:0 8px 0 5px;background:url(http://t.douban.com/pics/ui/core1.png) no-repeat 100% 0;line-height:23px;font-size:12px;cursor:pointer}.bn-hot span{background-position:100% -23px;line-height:24px}.bn-add span{background-position:100% -71px;padding-right:15px}a.bn-std:link,a.bn-std:visited,a.bn-std:hover,a.bn-std:active{background:url(http://t.douban.com/pics/ui/core1.png) no-repeat 0 0;color:#000}a.bn-hot:link,a.bn-hot:visited,a.bn-hot:hover,a.bn-hot:active{background:url(http://t.douban.com/pics/ui/core1.png) no-repeat 0 -23px;color:#eb928c}a.bn-add:link,a.bn-add:visited,a.bn-add:hover,a.bn-add:active{background:url(http://t.douban.com/pics/ui/core1.png) no-repeat 0 -71px;color:#9e9e9e;padding-left:25px}a.bn-hot:hover,a.bn-hot:active{background-position:0 -47px}a.bn-hot:hover span,a.bn-hot:active span{background-position:100% -47px;color:#f4473b}.rating1-t,.rating15-t,.rating2-t,.rating25-t,.rating3-t,.rating35-t,.rating4-t,.rating45-t,.rating5-t,.rating-t{display:inline;padding-left:55px;font-size:9px;line-height:1;background:url(http://t.douban.com/pics/ui/core1.png) no-repeat 0 0;font-family:simsun}.rating1-t em,.rating15-t em,.rating2-t em,.rating25-t em,.rating3-t em,.rating35-t em,.rating4-t em,.rating45-t em,.rating5-t em,.rating-t em{color:#ff5c38;font-family:tahoma}.rating1-t{background-position:0 -216px}.rating15-t{background-position:0 -204px}.rating2-t{background-position:0 -193px}.rating25-t{background-position:0 -180px}.rating3-t{background-position:0 -168px}.rating35-t{background-position:0 -156px}.rating4-t{background-position:0 -144px}.rating45-t{background-position:0 -132px}.rating5-t{background-position:0 -120px}.rating1-b,.rating15-b,.rating2-b,.rating25-b,.rating3-b,.rating35-b,.rating4-b,.rating45-b,.rating5-b,.rating-b{display:inline-block;display:-moz-inline-stack;*zoom:1;height:14px;vertical-align:text-top;overflow:hidden;padding-left:80px;margin:-3px 1ex 0 0;font-size:14px;line-height:14px;background:url(http://t.douban.com/pics/ui/core1.png) no-repeat;*margin-top:0}.rating1-b,.rating15-b,.rating2-b,.rating25-b,.rating3-b,.rating35-b,.rating4-b,.rating45-b,.rating5-b,.rating-b,x:default{display:inline-block}.rating1-b em,.rating15-b em,.rating2-b em,.rating25-b em,.rating3-b em,.rating35-b em,.rating4-b em,.rating45-b em,.rating5-b em,.rating-b em{color:#ff5c38;font-family:tahoma}.rating1-b{background-position:-120px -240px}.rating15-b{background-position:-120px -225px}.rating2-b{background-position:-120px -210px}.rating25-b{background-position:-120px -195px}.rating3-b{background-position:-120px -180px}.rating35-b{background-position:-120px -165px}.rating4-b{background-position:-120px -150px}.rating45-b{background-position:-120px -135px}.rating5-b{background-position:-120px -120px}.rating-l b{display:inline-block;display:-moz-inline-stack;*zoom:1;height:14px;overflow:hidden;background:#f5cbad;margin:-2px 2px 0 0;vertical-align:middle;*vertical-align:text-bottom}.rating-l em{font-size:9px;font-family:tahoma;line-height:1}.srh-member,.srh-group{text-align:center}.srh-member legend,.srh-group legend{text-align:left}.srh-member .item input{width:242px;font-size:14px}.srh-all .item input{width:20em;font-size:14px;padding:2px;margin:0 1ex 0 0}.srh-all .item button{font-size:14px}.srh-all .item-r,.srh-music .item-r{margin:0;padding:0 1em}.srh-all .item-r input,.srh-music .item-r input{margin:0 2px 0 0;vertical-align:middle}.srh-all .item-r label,.srh-music .item-r label{margin-right:1ex;line-height:1.2}.srh-group p{color:#666}.srh-group .item input,.srh-event .item input{width:350px;margin:0 .5ex 0 0}.srh-group .item-s{margin-bottom:1em}.srh-movie .item input,.srh-book .item input{width:30em;margin:0 .5ex 0 0;padding:2px}.srh-music-artist .item input,.srh-music .item input{width:20em;margin:0 .5ex 0 0;padding:2px}.srh-music-artist .item input{width:16.7em}.tags{line-height:1.2}.tags li{display:inline;margin:-1ex 1ex}.size1 a{font-size:1em}.size2 a{font-size:1.17em;font-weight:800}.size3 a{font-size:1.5em}.size4 a{font-size:1.75em;font-weight:800}

  评论这张
 
阅读(393)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017