html 行級元素與塊級元素整理。

一、什麼是行級元素和塊級元素。

塊級元素特點:

1.霸佔一行,無法與任何元素並列。

2.能接受寬,高。

3.如果不設置寬度,那麼塊級元素會佔父標籤的100%。


行內元素:

1.可以與其他行內元素並排。

2.不能設置寬高。


基本上所有的文本級標籤,都是行內元素,例如:p,span,a,b,em等等。。。(p標籤比較特殊,是文本級標籤,但是是塊級元素)

所有容器及標籤都是塊級元素,例如:div,h,li,dt,dd,p


二、行內元素和塊級元素互相轉換。

一旦只要給一個塊級別標籤加上display: inline;  這個標籤就會變爲行內元素。

display: inline; #可以將塊級別的元素轉換爲行內元素。

相反如果要將一個行內元素轉換爲塊級元素,可以使用display: block;

display: block; #將行級標籤轉換爲塊級標籤。 




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