1、div
用于配合CSS對網頁進行布局
2、span對網頁進行局部修改
3、區別div
會單獨占住一行,span
不會-
div
是容器級別的標簽,span
是文本級別的標簽- 容器級別的標簽可以嵌套其他所有的標簽
- 文本的則只能嵌套文字、超鏈接、圖片
在HTML中HTML將所有的標簽分為兩類, 分別是容器級和文本級
-
在CSS中CSS也將所有的標簽分為兩類, 分別是塊級元素和行內元素
- 容器級:div h ul ol dl li 等等
- 文本級 span p buis stong em ins dei 等等
-
display
屬性-
inline
行內 - inline-block 行內塊級
-
block
塊級
-
塊級元素 p div h ul ol dl li dt dd
行內元素 span buis strong em ins del
-
塊級元素和行內元素的區別?
- 塊級元素
- 獨占一行
- 如果沒有設置寬度, 那么默認和父元素一樣寬
- 如果設置了寬高, 那么就按照設置的來顯示
-
行內元素
- 不會獨占一行
- 如果沒有設置寬度, 那么默認和內容一樣寬
- 行內元素是不可以設置寬度和高度的
-
行內塊級元素
- 為了能夠讓元素既能夠不獨占一行, 又可以設置寬度和高度, 那么就出現了行內塊級元素