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

面試題(經典):

  表示空格

<abbr>縮寫 title標籤當鼠標移動到文本區,顯示信息;

前對規範:

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

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

3.所有標籤必須閉合

4.HTML標籤代碼縮進規範(1.增強可讀性,減少後端出錯的概率2.方便閱讀與錯誤查寫)

5.屬性值必須帶引號

6<!-- html註釋 -->前後各加空格

7./* css註釋 */

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

9.p,dt,h,標籤裏面不能嵌套塊屬性,標題裏面只放標題文字

10.a標籤不能嵌套a標籤

11.內嵌元素不能嵌套塊;


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章