从网上找了东西，发现都不适合自己的要求，也有纯css实现的，懒得看，大部分是基于js的，当然我的理念是能不用js就不用（这这是个个人怪癖，其实js也没什么，毕竟现在99%以上的浏览器都支持js了）。于是放慢了自己的脚步，自己研究一下吧。当然这里不是最完美的，至于哪里不完美，最后会给出。这里先给出代码。

CSS的很多其他属性大多容易理解，比如字体，文本，背景等。有些CSS书籍也会对这些简单的属性进行大张旗鼓的介绍，而偏偏忽略了对一些难缠的属性讲解，有避重就轻的嫌疑。CSS中主要难以理解的属性包括盒型结构，以及定位。正如positioniseverything，本文将主要讲述关于 position的理解，力求让您看完本文后对position有着最全面的认识。

[第一个参数为CSS里的写法,第二个参数为javascript里的写法]

盒子标签和属性对照
CSS语法 (不区分大小写) JavaScript语法 (区分大小写)
border border
border-bottom borderBottom
border-bottom-color borderBottomColor
border-bottom-style borderBottomStyle
border-bottom-width borderBottomWidth

单行文字垂直居中可以使用line-height来得到效果，当然也可以通过设置padding来处理，不过对 行多行文字垂直居中的话，行高line-height就不适合了，在没有定义高度的情况下，可以使用padding来 处理。当有定义有高度的可以分为两种情况：一：非IE浏览器这个比较简单，在设置vertical-align:middle;外还应把它的 display属性设置为表格的table-cell属性就可以觖决。但是注意当 display属性为table-cell时，边框的宽度是算在width里面的二：IE浏览器 IE确实是个让人比较烦的家伙，特别是IE6，但没办法，目前使用IE6的人还是最多的 。