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

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

高洛峰
發布: 2017-03-21 14:44:41
原創
1351 人瀏覽過

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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板