摘要：
方法一：单行文字height:50px;line-height:50px;text-align:center;方法二：绝对定位父元素{ position:relative; }子元素{ position:absolute; left:50%; top:50%; width:value; ... 阅读全文
摘要：
文章来源： http://www.w3cplus.com/css/px-to-em总结： 1、浏览器默认的字体大小为16PX，即1em 2、EM可以指定小数点的后三位 3、元素自身没有设置字体大小，全部都按照以下公式计算 需要转换的像素值/父元素的font-size= em值 4、元素自身设置字体大小， 字体大小的计算方法不变： 需要转换的像素值/父元素的font-size= em值 其他，按以下公式计算： 需要转换的像素值/自身的font-size＝em值 阅读全文
摘要：
文章来源： http://www.zhihu.com/question/20394889总结： 1、line-height:2em、line-height:200% 根据父元素的字体大小计算行高 子元素继承父元素计算后的行高，如果子元素的字体很大，而父元素字体小，这样计算出来的行高有可能无法容量子元素的显示，会被截掉。 2、line-height:2（推荐） 根据子元素计算行高（取最大字体值*2） 阅读全文
摘要：
文章来源：http://www.neoease.com/css-z-index-property-and-layering-tree/总结： 1、z-index只有在设置position:relative、absolute、fixed中才会生效； 2、设置position后，如果没有设置z-index，在IE6－7中z-index默认的是0,而标准浏览器中，z-index是auto； 3、如果没有设置z-index，后出现的元素覆盖前面的元素，如果设置了z-index，z-index下的子级高的覆盖子级低的元素； 4、设置了z-index，根据父亲的顺序来排列，无论子元素的z-inde... 阅读全文
摘要：
/*方法一（推荐）*/ .clearfix:before,.clearfix:after { content:''; display:table; } .clearfix:after { clear:both; overflow:hidden; } .clearfix { *zoom:1; } /*方法二*/ .clearfix:after { con... 阅读全文