首頁 > web前端 > html教學 > HTML CSS標籤類型轉換、樣式重設 、前段規範的詳細介紹

HTML CSS標籤類型轉換、樣式重設 、前段規範的詳細介紹

高洛峰
發布: 2017-03-23 09:29:44
原創
1816 人瀏覽過

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

 (css reset)包含:

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

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

以群組進行重置 

標籤基本特性與轉換

區塊和內嵌的特性及區別:

內聯,內嵌,行內屬性標籤:

1、預設同業可以繼續跟同型別標籤

2、內容撐開寬度

3、不支援寬高

4 、不支援上下的marginpadding

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