交互设计中心-72色

72色做了几年的前端现在来总结一下css技巧，也就是网络上推荐的所谓“顶级”的css三个技巧。
第一条：css不要换行。
.jrtjImg{ position:absolute; top:0px; left:0px;  width:78px; height:44px; z-index:999; background:url(images/jrtjJl.gif) no-repeat;}
.jrtjImg{
position:absolute;
top:0px;
left:0px;
width:78px;
height:44px;
z-index:999;
background:url(images/jrtjJl.gif) no-repeat;
}
优点：上面一条是不分行的一个是分行的，你要是从中间找到某个属性，可能是上面那种方便吧，这就是人看书的习惯是一样的，一目十行，你看到分行的要比不分行的慢10倍哦，当然这是理论上，

第二条：就是尽量让css分好段落，每段都要写好注释，还是借鉴与看书的习惯。
/*详细页面*/
.dlSingleTitle{overflow:auto; _display:inline-block;}
.dlSingleTitle dt{ float:left; width:60px;}
.dlSingleTitle dt img{ margin-top:6px;}
.dlSingleTitle{}

/*button*/
.sexybutton {display: inline-block;margin: 0;padding: 0;font:  12px;}
优点：能让你出了问题的时候更快的找到问题区域，不会盲目去修改。

第三条：就是浏览器兼容的问题了。
现在要兼顾的浏览器很多，虽然说不要管IE5,IE5.5了，可是还是不那么欣慰，还有IE6,IE7,IE8,FF,google浏览器，等等，还有即将发布的IE9。一个字“苦”。
我的做法就是尽量少的使用!important或者Hack，甚至不用这个。自己制作的时候多注意些，比如宽度的问题可以多预留点宽度，不要那么小气，毕竟现在2.0的web也是留白比较大的。