比如:
body { width:980pxmargin:0 auto}
全浏览器适用, 前提是宽度必须固定.(豆瓣也是固定宽度的)
补充一下, 豆瓣的这个浏览器适用应该是先用js判定浏览器类型,再给html标记动态添加class的.
如果想根据不同的ie应用不同的样式可以这么写:
<!--[if IE 6]><link rel="stylesheet" href="style.ie6.css" type="text/css" media="screen" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" href="style.ie7.css" type="text/css" media="screen" /><![endif]-->
只有ie的浏览器才认识,其它的浏览器不会加载这2个css.
其实一般这样就够了,现在浏览器主要就是ie难搞,特别是ie6, 没必要每种浏览器都写一套样式.
头图指模板最上方的图片，在模板的css代码中用#header {}定义。豆瓣头图是 豆瓣的一个功能，没有对外开放。 头图，也被称为是背景图是一个很好的展示账号特点的位置，如果想要让别人一眼就了解自己账号特点，就要在这里设置比较有吸引力的背景图片
