標簽分為兩種等級：
　　1，行內元素。2，塊級元素。行內元素和塊級元素的區別：

行內元素：　　- 與其他行內元素并排- 不能設置寬高，默認的寬度就是文字的寬度塊級元素：- 霸占一行，不能與其他任何元素并列。- 能接受寬高，如果不設置寬度，那么寬度將默認變為父級的100%。

塊級元素和行內元素的分類：

在HTML的角度來講，標簽分為三類：- 文本級標簽：p , span , a , b , i , u , em- 容器級標簽：div , h系列 , li , dt ,dd　- p：里面只能放文字和圖片和表單元素，p里面不能放 h 和 ul ，也不能放p。從CSS的角度講：　　- 行內元素：除了p之外，所有的文本級標簽，都是行內元素。p是個文本級標簽，但是是個塊級元素。- 塊級元素：所有的容器級標簽，都是塊級元素，以及p標簽。

塊級元素和行內元素的相互轉換：
　　通過display屬性將塊級元素和行內元素進行強制轉化：

display：inline;

　那么這個標簽將變為行內元素，即：

1.此時這個div將不能設置寬度和高度了。

2.此時這個div可以和其他行內元素并排了。

　　同樣的我們也可以用display將行內元素轉行成塊級元素。

display：block；

那么這個span標簽將變為塊級標簽，即：

1.此時這個span能夠設置寬度，高度。

2.此時這個span必須獨占一行，其他元素無法與之并排。

3.如果不設置寬度，將占滿父級。

特殊的：

display:inline-block;

布局特性:

1.可以在同行排列

2.支持所有的css樣式設置

3.在不設置寬高大小時,有內容撐開盒子的大小,其內容可以是任意的標簽和文字

4.垂直方向上,所有的行級標簽,在默認情況下手機按照其內部最后一行文字的底線對齊,為了保持其一致性,需要給每個行級標簽設置vertical-align屬性,保證垂直方向上的對齊

總結

以上是生活随笔為你收集整理的h5--块级元素与行内元素的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。