html中的標籤元素大體被分為三種不同的型別：塊狀元素、內聯元素(又叫行內元素)和內聯塊狀元素。
在html中，、、、等標籤是典型的內聯元素。當然塊狀元素也可以通過設定display：inline；顯示為內聯元素，從而使塊級元素具有內聯元素的特點。
div
...我要變成內聯元素！
1、和其他元素在同一行上，不獨佔一行；
2、元素的高度、寬度及頂部底部邊距不可設定；
（ps：內聯元素的頂部底部邊距margin-top及margin-bottom屬性不起作用，而margin-left及margin-right屬性可以起作用。padding屬性top、bottom、left、right也可起作用，但是padding-top屬性最多只能撐到瀏覽器頂部，padding-top高於瀏覽器頂部，元素不會下移。當為行內元素新增背景時可以使用padding,但是背景色會覆蓋周圍元素。）
3、元素的寬度就是元素所包含的或文字的寬度，不可設定；
*：當行內元素之間有「回車」、「tab」、「空格」時就會出現間隙。
解決方法：寫在一行，中間不要有空格、回車之類的符號。、 、、、和就是塊狀元素。內聯元素可以通過設定display:block；顯示為塊狀元素。
如：a塊級元素的特點：
1、每個塊狀元素都從新的一行開始，並且其後的元素也另起一行（獨佔一行）；
2、元素的高度、寬度、行高以及頂和底邊距都可設定；
3、元素寬度在不設定的情況下，佔它本身父容器的100%（和父元素寬度一致）；
內聯塊狀元素（inline-block）就是同時具備內聯元素、塊狀元素的特點，**display:inline-block就是將元素設定為內聯塊狀元素。、標籤就是這種內聯塊狀標籤。
內聯塊狀元素特點：
1、和其他元素都在一行上；
2、元素的高度、寬度、行高以及頂和底邊距都可設定。
內聯元素和塊狀元素的特點與區別
1.塊級元素 在html中 和 就是塊級元素。設定display block就是將元素顯示為塊級元素。塊級元素特點 1 每個塊級元素都從新的一行開始，並且其後的元素也另起一行 乙個塊級元素獨佔一行，不允許別的元素 在同一行，可理解為 呈垂直排布，佔據一行 2 元素的高度 寬度 行高以及頂和底邊距都可...
行內元素 塊狀元素 內聯塊狀元素
行內元素 div,h1 h6,p,pre,ul,ol,li,form,table等 常見的行內元素 無法自動換行，無法設定寬高 有 a,img,span，i 斜體 em 強調 sub 下標 sup 上標 label等。常見的內聯塊狀元素 擁有內在尺寸，可設定高寬，不會自動換行 有 button,in...
HTML的塊狀 內聯 內聯塊狀元素的特點
元素分類及特點 1.塊級元素 在html中 和 就是塊級元素。設定display block就是將元素顯示為塊級元素。塊級元素特點 1 每個塊級元素都從新的一行開始，並且其後的元素也另起一行 乙個塊級元素獨佔一行 2 元素的高度 寬度 行高以及頂和底邊距都可設定 3 元素寬度在不設定的情況下，是它本...