前端css属性难点

text-transform:uppercase;有何用？
margin:0.5em 0中的em与px有什么区别？
overflow:hidden有什么用？
vertical-align: top;什么意思？
font: inherit;什么意思？
cursor:pointer;
关于元素局中问题
如何使用CSS让DIV居中显示，让div水平居中有哪些CSS样式呢？
需要的主要css代码有两个，一个为text-align:center（内容居中），另外一个为margin:0 auto；其两个样式需要配合使用才能实现div盒子的居中显示排版。
首先我们对body设置text-align:center，再对需要居中的div盒子设置css样式margin:0 auto，这样即可让对应div水平居中。

水平局中
利用CSS进行元素的水平居中，比较简单，行级元素设置其父元素的text-align为 center，块级元素设置其本身的l左右margins为auto即可（如：margin:0 atuo)

同学们：我还是不明白，为啥border-bottom加了下边框，边框却错位了，加上overflow：auto却好了

首先我们要知道，在之前，我们设置了li是浮动的，也就是说，它脱离了文档流（脱离了ul），是飘起来的，所以border-bottom加了下边框却没有在li下面；当加上overflow：auto后，可以理解为将浮动的元素又重新包裹在它的父级元素里，所以设置下边框出现在li底部。