最近做了一些页面，总是容易将问题复杂化，本来一个很简单的text-align就能达到所需要的效果,我却将它分析的很复杂，又想到float，又想到position的......其实不然！
1. float后,一定要记得定义clear,以及overflow：hidden / scroll / visible;
2. 当table需要全部显现表格的形式,就用border,但为了更加美观,切记要定义border-collapse：collapse;
3. 当整个文本需要靠右显示时,不用那么费事,直接一个text-align：right就能达到预期的效果;
4. 当文本信息较长时，如需定义第一行字的前端部空处，定义text-indent则可，一般24px相当于两个中文字符的长度；
5． 当文本信息较多较长时，在指定的容器里，可以设置word-wrap：break-word及word-break：break-all来定义其自动换行，以至于不影响容器的相应宽度等；
6. 当文本信息设有border时，不要忘了定义line-height；
7. 当input里是一个button时，记得定义cursor：pointer，即将鼠标光标设置为竖起一只手指的手形光标；
8. 设定position：relative / absolute，及top，bottom，right，left值时，可以设置z-index，它的值越大表示它在的层越高，越在上层；或者直接设定其父级的height，再设定position：relative / absolute及top等值，也能达到该效果；
9. display：inline-block表示既可有inline的属性，也可有block的属性，即：既不用换行，也可以为其设定padding及margin等属性；
10.  zoom其实与overflow：hidden所达到的效果类似（IE6里面）；
11. 当line-height与height取的值一样时，就能达到垂直居中的效果；
12．需要将整个容器里的内容都水平居中的话，直接设定margin：0 auto即可；
13. overflow-y或者overflow-x的属性为scroll等时，则是表示显示纵向或者横向滚动条；
14． 同一个快占级元素中的两个子元素，如果想让第二个子元素快占级浮动上来，得先让第一个先float，第二个自然就会跟上来了。