浏览器兼容相关问题

1.Google Chrome不支持小于12px的字体，可能是因为怕字体太小了，看不到。IE和Firefox就没有这种限制，可以设置为1px。当我们设置小于10px的字体时，谷歌浏览器会显示12px的文字效果。因此在设置margin、padding等属性的时候，就会出现火狐和谷歌浏览器显示的效果不一样的问题。
2.跨浏览器的CSS透明度

.transparent {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;

3.网页设计中的默认字体
font: 12px/1.5 Tahoma, Helvetica, Arial, sans-serif;

说明：line-height采用1.5, 也就是18px. 这是淘宝视觉规范中定义的行高，对于12px字体，这个行高看起来很舒服。font-family默认采用Tahoma. Tahoma是英文Windows操作系统的默认字体，这个字体比较均衡，显示中英文混排很不错，是经久耐看的一款字体。