1.讓子元素居頂: valign
<td height="600" valign="top">
<table border="1" width="%90" align="center"> <tr>
<td>1</td> </tr>
</table></td>
2.排列是橫著還是豎著:
a.用<div>包裹,就是豎著碧绞,因?yàn)?lt;div>是塊級(jí)元素
<td> <div> ![](images/01.png)</div> ![](images/01.png)</td>
b.行級(jí)元素羹蚣,就是橫著排列的
<img> ...<img>
align:left 和 float:left的區(qū)別
對(duì)一個(gè)節(jié)點(diǎn)align:left 的話,下一個(gè)節(jié)點(diǎn)元素不管是塊級(jí)還是行級(jí)都會(huì)在這個(gè)節(jié)點(diǎn)的右邊開始排列监婶。
3.vspace 屬性與hspace屬性:
![](images/01.png)![](images/01.png)
4.使用 em 來(lái)設(shè)置字體大小
如果要避免在 Internet Explorer 中無(wú)法調(diào)整文本的問(wèn)題,許多開發(fā)者使用 em 單位代替 pixels。
W3C 推薦使用 em 尺寸單位。
1em 等于當(dāng)前的字體尺寸挎狸。如果一個(gè)元素的 font-size 為 16 像素,那么對(duì)于該元素断楷,1em 就等于 16 像素锨匆。在設(shè)置字體大小時(shí),em 的值會(huì)相對(duì)于父元素的字體大小改變。
瀏覽器中默認(rèn)的文本大小是 16 像素恐锣。因此 1em 的默認(rèn)尺寸是 16 像素茅主。
可以使用下面這個(gè)公式將像素轉(zhuǎn)換為 em:pixels/16=em
(注:16 等于父元素的默認(rèn)字體大小,假設(shè)父元素的 font-size 為 20px土榴,那么公式需改為:pixels/20=em)
5.讓自己居于父元素的中間:
<style>
#target {
margin:0 auto;
}
</style>
<div>
<div id = "target"> 1234 </div>
</div>
6.float針對(duì)不同的IE版本不一樣
如果footer上面的都左浮動(dòng)诀姚,那么對(duì)于footer可以clear浮動(dòng)。
#footer { clear: left; border: 1px solid black; height: 110px;}