名稱不同

div是布局框架標(biāo)簽，p是段落標(biāo)簽。

div與p基本css屬性不同

div與p均獨占一行的塊元素標(biāo)簽，唯一區(qū)別，p自帶有margin-top和margin-bottom屬性值，而div兩個屬性值為0，也就是兩個p之間有一定間距，而div上下沒有間隔間距，而p有自帶間隔一行的間距。

div用于布局框架，布局內(nèi)容，布局文章時候，文章分段，均采用p標(biāo)簽

當(dāng)然有時布局只有一段文字地方，可采用div也可采用p標(biāo)簽，如果采用p標(biāo)簽，但不需要p自帶上下間距，這個時候我們就需要確定p自帶上下間距。

在html標(biāo)準(zhǔn)文檔流里面，

a，span標(biāo)簽屬于行內(nèi)元素，p，h標(biāo)簽屬于塊級元素

a標(biāo)簽中的內(nèi)容是頁面鏈接形式，span標(biāo)簽往往是純文本，p標(biāo)簽中可包含多個span標(biāo)簽文本，h標(biāo)簽內(nèi)也主要是文本（在seo優(yōu)化當(dāng)中，h標(biāo)簽往往具有較高權(quán)重）

（1）清除默認(rèn)內(nèi)外邊距

html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td, select {

margin: 0;

padding: 0;

} // 推薦使用

或者

*{margin:0;padding:0;} // 大型項目不推薦使用通配符，會使瀏覽器的運行速度變慢

（2）清除ul / ol的默認(rèn)樣式：

ul，ol{list-style:none;}

（3）清除超鏈接a的默認(rèn)樣式

a{text-decoration:none;}

（4）清除input的默認(rèn)樣式

input{

border:none; // 清除默認(rèn)邊框

outline:none; // input標(biāo)簽聚焦時不出現(xiàn)藍(lán)色邊框

}

（5）清除標(biāo)題標(biāo)簽（h1-h6）的默認(rèn)樣式

h1,h2,h3,h4,h5,h6{

font-weight:normal;

}

（6）清除em、strong標(biāo)簽的默認(rèn)樣式

em,strong{

font-style:normal;

font-weight:normal;

}

（7）清除button的默認(rèn)樣式

button{

border:0; // 清除默認(rèn)邊框

background-color：none;

outline:none;

}