小心：CSS代码书写顺序不同，导致显示效果不一样

无意中发现，针对同一html标记，在css中同时应用了font和line-height属性时，就得小心了，这二者的书写顺序不一样，会导致显示效果不同。
即：
>>> 如果先写font，再写line-height，显示效果正常
>>> 如果先写line-height，再写font，则line-height定义的效果会丢失，在ie、firefox、opera下都出现这种bug

具体效果请看以下代码：

<p>h1：</p> <h1 style="background:#f00;margin:5px 0;font:bold 20px 宋体,geneva,arial,sans-serif;line-height:40px;">iecn.net - 专注web技术，体验开发乐趣！</h1> <h1 style="background:#f00;margin:5px 0;line-height:40px;font:bold 20px 宋体,geneva,arial,sans-serif;">iecn.net - 专注web技术，体验开发乐趣！</h1> <p>div：</p> <div style="background:#f00;margin:5px 0;font:bold 20px 宋体,geneva,arial,sans-serif;line-height:40px;">iecn.net - 专注web技术，体验开发乐趣！</div> <div style="background:#f00;margin:5px 0;line-height:40px;font:bold 20px 宋体,geneva,arial,sans-serif;">iecn.net - 专注web技术，体验开发乐趣！</div>
[ctrl+a 全选 注:如需引入外部js需刷新才能执行]