html元素的分類和嵌套規則

NO IMAGE

學習總結:

html元素主要分為3類:

  • 塊元素
  • 行元素
  • 行級塊元素
  • 特殊字符

塊元素

獨立成一行,可以設置寬高,默認寬高100%,細分的話又可分為:

文字類:p, h1~h6

容器類:div, table, tr, td, th, form, ul, li, ol, dl, dt, dd

行元素

不獨立成一行,不可以設置寬高,默認寬高由內容決定。

比如:a, img, input, strong, em, del, span

行級塊元素

不獨立成一行,可以設置寬高。它其實本質上還是塊元素,只是不換行。我們這裡主要就是想實現這樣的功能:又不想換行,又要給它設置寬高。

實現方式:

display:inline-block;

當然,這樣的效果用浮動也可以實現。

特殊字符

當作文字處理就好了。比如:br, &nbsp

嵌套規則

  1. 塊元素可以嵌套行元素
  2. 行元素可以嵌套行元素
  3. 行元素不可以嵌套塊元素
  4. 文字類塊元素不可以嵌套塊元素
  5. 容器類塊元素可以嵌套塊元素

相關文章

Redis持久化

redis的五種數據類型基本用法總結

Hadoop學習筆記之HDFS

MySQL5.7中自增id的小bug