1、align与text-align：

　　align是div的属性，不在样式表中设置；

　　父元素align:center：

　　　　父元素内所有内容居中，包括文本、后代元素以及后代元素内的文本(位置可重设)；

　　父元素text-align:center：

　　　　子元素位置不变，各文本在各级元素内居中(位置可重设)。

2、百分比：

　　普通元素height设置：相对于父元素的height计算，width亦是；

　　内外边距的计算：上下边距是相对于父元素的width计算：

　　　　当两个垂直外边距(top and bottom)相遇时，会发生外边距合并。

　　line-height: 200%：

　　　　父元素font-size:16px，line-height:200%，则父元素行间距为16px*200%=32px，此时继承给子元素的是行间距32px，而非200%；

　　　　父元素font-size:16px，line-height:2.0，则父元素行间距为16px*2.0=32px，此时继承给子元素的是2.0，而非行间距32px，子元素行间距为32px*2=64px。

　　涉及到元素框的百分比多相对于父元素的width和height来计算；

　　涉及到字体的百分比，如font-size之类的，多相对于16px之类的来计算。

...
    <style type="text/css">
    * {margin:0;padding:0;}
    div.test1 {
    width:800px;
    height:500px;
    background-color:green;
    font-size:16px;
    line-height:2.0;
    }
    div.test2 {
    width:300px;
    height:200px;
    background-color:blue;
    font-size:32px;
    }
    </style>
</head>
<body>
<div class="test1">
    <p>some text</p>
    <p>some text</p>
    <div class="test2">
        <p>some text</p>
        <p>some text</p>
    </div>
</div>
</body>
</html>

3、display: none：元素已经不占据页面空间，脱离普通流和文本流；

      visibility:hidden：元素仍然占据页面空间，只是看不见而已。

4、visibility:collapse