web前端編寫注意點

1.
在語義不明顯，既能夠用 <P> 也能夠用 <div> 的地方，儘可能用 <P> ，由於 <P> 默認狀況下有上下間隔，去樣式後的可讀性更好，對兼容特殊終端有利；

2.
若是漏寫 DTD 聲明， Firefox 仍然會按照標準樣式來解析網頁，但在 IE 中（包括 IE六、IE七、IE8）就會觸發怪異模式；

3.
少使用子選擇器，就須要多添加 class ； 

4.
CSS Sprite 「圖片翻轉技術」 —— 將多張圖片合併爲一張，而後利用 background-position 屬性來展現須要的部分. 是否使用 CSS Sprite 主要取決於網站流量；

5.
塊級元素： div、p、form、ul、ol、li  
行內元素： span、strong、em
塊級元素會獨佔一行，默認狀況下，其寬度自動填滿其父元素寬度；
行內元素不會獨佔一行，相鄰的行內元素會排列在同一行裏，直到一行排不
下，纔會換行，其寬度隨元素的內容而變化； 

6.
塊級元素能夠設置 width、height 屬性；
行內元素設置 width、height 屬性無效；

7.
塊級元素能夠設置 margin 和 padding 屬性。
行內元素只有水平方向的 margin 和 padding 產生邊距效果； 

8.
塊級元素和行內元素的 CSS 相關屬性是 display ，其中塊級元素對應於 
display : block ，行內元素對應於 display : inline。 能夠經過修改 display 
屬性來切換塊級元素和行內元素；

9.
CSS中有一個用於豎直居中的屬性 vertical-align ，但只有當父元素爲 
<td> 或 <th> 時，這個 vertial-align 屬性纔會生效；
<td> 標籤默認狀況下就隱式地設置了 vertical-align 的值爲 middle ；