詳解HTML CSS標籤類型轉換、樣式重設 、前段規範

HTML CSS 基礎標籤預設值樣式重設：

 （css reset）包含：

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

ol，ul，a，img等標籤的預設值樣式重置

#用群組進行重置 

標籤基本功能和轉換

區塊與內嵌的特性及區別：

內聯，內嵌，行內屬性標籤：

1、預設同儕可以繼續跟同類型標籤

2.內容撐開寬度

3、不支援寬高

4、不支援上下的margin和padding

5、程式碼換行被解析

快屬性：

1、預設獨佔一行顯示

2、沒有寬度時，預設撐滿一列

display：block；（顯示為區塊）

display:inline; (顯示為內嵌)

inline-block特性及應用

可以把inline-block理解為一行內的區塊。

特性：1、區塊在一行顯示

2、行內屬性標籤支援寬高

3、沒有寬度的時候內容撐開寬度

問題

1、程式碼換行被解析。

2、IE6/IE7不支援區塊屬性標籤的inline-block。

cursor指標遊標類型：（規定要顯示的遊標的類型）

cursor：pointer|text|mave。 。 。

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

pointer

面試題（經典）：

 ； ；表示空格

縮寫title標籤當滑鼠移動到文字區，顯示訊息；

前對規格：

1.所有書寫均在英文半角狀態下的小寫

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

3.所有標籤必須閉合

4.HTML標籤代碼縮排規範（1.增強可讀性，減少後端出錯的機率2.方便閱讀與錯誤查寫）

5.屬性值必須帶引號

6前後各加空格

#7./* css註釋*/

8.ul，li/ ol,li/ dl，dt，dd擁有父子級關係p標籤不能套塊屬性標籤，會被分段js會出錯，預設不會有其他的標籤如div等

9.p,dt,h，標籤裡面不能巢狀區塊屬性，標題裡面只放標題文字

10.a標籤不能巢狀a標籤

#11.內嵌元素不能嵌套區塊；

以上是詳解HTML CSS標籤類型轉換、樣式重設 、前段規範的詳細內容。更多資訊請關注PHP中文網其他相關文章！