<link rel="stylesheet" href="css/style.css" />
<!--[if IE]><link rel="stylesheet" href="css/ie.css" /><![endif]-->
<!--[if IE 6]><link rel="stylesheet" href="css/ie6.css" /><![endif]-->以上代码大家应该都了解，对蛋疼的 IE 使用额外的样式表解决蛋疼的 IE 兼容性问题。
这种方案有2个缺点：
所以大型网站都不会使用这个方案，要么一个通用样式表搞定，要么注释不会产生请求的内嵌样式表。
那么还有更好的方法么？ (更多…)
最近读了为之漫笔翻译的《HTML5 设计原理》，让我对这一规范有了全新的认识。
原本我以为：
我错了，HTML5 确实是一个伟大的规范，她的伟大之处在于她的设计基于一个理念：求真务实。她着力于解决实际问题而不是构建理想的乌托邦。
(更多…)
居中元素最常用的语句是“margin: 0 auto;”，不过这只适用于设置了宽度的元素，如果一个元素的宽度需要根据内容自动缩放（如导航条），就需要使用“50%相对定位”的方法。
我们需要把 #em 居中，首先给 #em 包裹上一个容器元素：
<div id="wrap">
<div id="em">卖女孩的小火柴</div>
</div>然后如下设置 CSS：
#wrap {
float: left; /*自动适应内容宽度*/
position: relative;
left: 50%; /*定位#wrap的左边在body的中线上*/
}
#em {
position: relative;
left: -50%; /*定位#em的中线在#wrap的左边上，也就是body的中线，也就是与body居中*/
}查看演示