1.让子元素居顶： valign

<td height="600" valign="top">   
       <table border="1" width="%90" align="center">             <tr>          

<td>1</td> </tr>
</table></td>

2.排列是横着还是竖着：

a.用<div>包裹，就是竖着，因为<div>是块级元素
<td>   <div> ![](images/01.png)</div>    ![](images/01.png)</td>
b.行级元素，就是横着排列的
  <img> ...<img>

align:left  和 float：left的区别
对一个节点align:left 的话，下一个节点元素不管是块级还是行级都会在这个节点的右边开始排列。

3.vspace 属性与hspace属性：

![](images/01.png)![](images/01.png)

4.使用 em 来设置字体大小

如果要避免在 Internet Explorer 中无法调整文本的问题，许多开发者使用 em 单位代替 pixels。

W3C 推荐使用 em 尺寸单位。
1em 等于当前的字体尺寸。如果一个元素的 font-size 为 16 像素，那么对于该元素，1em 就等于 16 像素。在设置字体大小时，em 的值会相对于父元素的字体大小改变。
浏览器中默认的文本大小是 16 像素。因此 1em 的默认尺寸是 16 像素。
可以使用下面这个公式将像素转换为 em：pixels/16=em
（注：16 等于父元素的默认字体大小，假设父元素的 font-size 为 20px，那么公式需改为：pixels/20=em）

5.让自己居于父元素的中间：

<style>
    #target {
          margin:0 auto;
    }
</style>
<div>
        <div id = "target"> 1234 </div>
 </div>

6.float针对不同的IE版本不一样
如果footer上面的都左浮动，那么对于footer可以clear浮动。
#footer { clear: left; border: 1px solid black; height: 110px;}