幸福收藏夹

看到RSS订阅有5000人了，表示挺欢乐的。然后，想写点东西。想写写关于CSS滤镜的问题，也想写写关于以业务为导向的CSS框架设计，一个没有深入研究过，一个写起来太长，暂时没那么多时间。所以，分享吧，分享吧。大部分都是在twitter上分享过的，觉得对得起标题的：

你只是个孩子。不断寻找自己喜欢的东西，不断失去，也一直在获得，有悲有喜。在我眼中，你只是个孩子，像其他孩子一样。你可以成熟，你可以不断超越，你可能已经身为其他人长辈，你可能不再过六一，这依然没有改变，在我眼中，你只是个孩子。有着善良的心，和可能不再是年少一样清澈的笑。

字体真是个麻烦的东西，然后又是个重要的东西。为以更方的解决字体问题，就像上次推荐的《再谈 Web 默认字体》，为了Pixel Perfect，我们不断纠结。像支付宝在CSS Reset中是这样写的：

body{font:12px Tahoma,Helvetica,Arial,'宋体',sans-serif} 

而淘宝这样写：

body, button, input, select, textarea {font:12px/1.5 tahoma,arial,'宋体',sans-serif;} 

下班后，大部分时间都比较晚才回来。懒懒地什么不想做。一直想看多点JS的东西。只是… 你懂的，时间和惰性，前者经常没有来，而后者经常来。-,-… 偶尔记下小片断，慢慢积累：

1. 不要在闭合的花括号之前多加一个逗号

var sofish = {  
    name:'小鱼',  
    pos:'web developer',  
    age:'24' // 你懂的,ie会有问题,小心加个逗号 
}  

人一旦习惯了某些东西就很难去改，以及各种各样的原因，新的浏览器越来越多，而老的总淘汰不了。增长总是快于消亡导致了浏览器兼容是成了谈不完的话题。说到浏览器兼容，CSS HACK自然而然地被我们想起。今天，我们通常都有一个团队或者将有一个团队的人在一个公司里面做相同的事，需要我们有统一的规范来进行Coding，以方便维护。而解决兼容的方法就是（必须是，因为这才最容易有问题的）其中一个最重要的、要解决的规范之一。

在解决兼容方法上，想定出一个统一的规范，个人认为应该以下面3点为基本原则：

没到阿里之前，有一同学告诉我，很多人不是死在技术手上，而是死在HR手。一般我们很少见HR，但一见可能就定生死。HTML中也一样，我们不常见<hr />，但一见通常就决定了能否拥用完美分割线。这里，就不附图了，直接列表供查阅吧：

比如想创建一个实际高度为3px, 四边为1px, 边框颜色为#07f, 其他部分颜色为#f60的分割线，你懂的：

hr{ 
height:1px; 
*height:3px; color:#f60;/* for ie6 ie7 */; 
background-color:#f60; 
border:1px solid #07f; 
} 
@-moz-document url-prefix(){ hr{height:3px;}} /* for firefox */ 

还有其他更省力的解决方法么?

作为中文网站，通常会有中英文混排的状况，所以，一般一个标题的CSS都是这样写的（你查看Demo么）：

font-family:arial,simhei,sanserif; /* simhei = 黑体 */ 

这样的话，中英文混排的的时候，会把英文解析成 arial，然后发现中文字体的时候，会自动路过 arial 解释成simhei。但如果你是用IE6或IE7打开的，状况就是上一句是牛屎，因为你看到的不是宋体就是黑体，没有别的（当且仅当你没设定浏览器字体的时候）。有时候有问题，不因别的，就因IE低版本太傻。它们只解析了 arial，而认为 arial 不是中文字体组，就直接解析成系统默认或浏览器设定值。所以，为了达到目的，如果你坚持不想显示成系统默认字体，那么，可以这样写来解决这样的问题：