HTML CSS標(biāo)簽類型轉(zhuǎn)換、樣式重置 、前段規(guī)范

HTML CSS 基礎(chǔ) 標(biāo)簽?zāi)J(rèn)值樣式重置：

（css reset）包含：

body，p,h2,h3,h4,h5,h6,h7,dl,dd外邊距 字體

ol，ul，a，img等標(biāo)簽的默認(rèn)值樣式重置

用群組進(jìn)行重置 

標(biāo)簽基本特性和轉(zhuǎn)換

塊和內(nèi)嵌的特性及區(qū)別：

內(nèi)聯(lián)，內(nèi)嵌，行內(nèi)屬性標(biāo)簽：

1、默認(rèn)同行可以繼續(xù)跟同類型標(biāo)簽

2、內(nèi)容撐開寬度

3、不支持寬高

4、不支持上下的margin和padding

5、代碼換行被解析

快屬性：

1、默認(rèn)獨(dú)占一行顯示

2、沒有寬度時，默認(rèn)撐滿一排

display：block；（顯示為塊）

display:inline; (顯示為內(nèi)嵌)

inline-block特性及應(yīng)用

可以把inline-block理解為一行內(nèi)的塊。

特性：1、塊在一行顯示

2、行內(nèi)屬性標(biāo)簽支持寬高

3、沒有寬度的時候內(nèi)容撐開寬度

問題

1、代碼換行被解析。

2、IE6/IE7不支持塊屬性標(biāo)簽的inline-block。

cursor指針光標(biāo)類型：（規(guī)定要顯示的光標(biāo)的類型）

cursor：pointer|text|mave。。。

cursir.url(hand.cur),pointer：引入一張圖片如果執(zhí)行不了就執(zhí)行

pointer

面試題（經(jīng)典）：

&nbsp；&nbsp；表示空格

<abbr>縮寫 title標(biāo)簽當(dāng)鼠標(biāo)移動到文本區(qū)，顯示信息；

前對規(guī)范：

1.所有書寫均在英文半角狀態(tài)下的小寫

2.id。class必須以字母開頭

3.所有標(biāo)簽必須閉合

4.HTML標(biāo)簽代碼縮進(jìn)規(guī)范（1.增強(qiáng)可讀性，減少后端出錯的概率2.方便閱讀與錯誤查寫）

5.屬性值必須帶引號

6<!-- html注釋 -->前后各加空格

7./* css注釋 */

8.ul，li/ ol,li/ dl，dt，dd擁有父子級關(guān)系p標(biāo)簽不能套塊屬性標(biāo)簽，會被分段 js會出錯，默認(rèn)不會有其他的標(biāo)簽如div等

9.p,dt,h，標(biāo)簽里面不能嵌套塊屬性，標(biāo)題里面只放標(biāo)題文字

10.a標(biāo)簽不能嵌套a標(biāo)簽

11.內(nèi)嵌元素不能嵌套塊；