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

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

塊級元素特色：

1.霸佔一行，沒法與任何元素並列。

2.能接受寬，高。

3.若是不設置寬度，那麼塊級元素會佔父標籤的100%。

行內元素：

1.能夠與其餘行內元素並排。

2.不能設置寬高。

基本上全部的文本級標籤，都是行內元素，例如：p,span,a,b,em等等。。。（p標籤比較特殊，是文本級標籤，可是是塊級元素）

全部容器及標籤都是塊級元素，例如：div,h,li,dt,dd,p

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

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

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

相反若是要將一個行內元素轉換爲塊級元素，能夠使用display: block;

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