這幾天在學習HTML，這里總結一下塊級元素和行內元素的特征和區別，本文也是來自于其他同行的一些文章，在這里感謝一下那些作者，下面先把這些原文粘貼出來

http://www.cnblogs.com/Jackie0714/p/4923639.html

http://blog.csdn.net/yuyanqiao/article/details/8558118

一，下面從概念的角度來說一下塊級元素和行內元素

1.塊級元素，一般都是從新行開始，它可以容納行內元素和其他塊元素，常見塊級元素比如div/p等。“form”這個快元素比較特殊,他只能來容納其他塊元素

2.行內元素：也叫做內聯元素，一般都是語義級別的基本元素，內聯元素已辦只能容納文本或者其他內聯元素。

塊元素（block element）和內聯元素（inline element）都是html規范中的概念。塊元素和內聯元素的基本差異是塊元素一般都是從新行開始的。而當加了css控制以后，塊元素可以變為內聯元素，內聯元素也可以變為塊元素。

二。塊級元素和內聯元素的區別

1.塊級元素會獨占一行，其寬度自動填滿其父元素寬度

行內元素不會獨占一行，相鄰的行內元素會排列到同一行里，直到一行排不下，才會換行，其寬度隨元素的內容變化而變化，

2.一般情況下，塊級元素可以設置width,height屬性，行內元素設置width,height無效

（注意，塊級元素設置了width寬度屬性后仍然是獨占一行的）

3.塊級元素可以設置margin,padding屬性，行內元素的水平方向的padding-left和padding-right都會產生邊距效果，但是豎直方向上的padding-top和padding-bottom都不會產生邊距效果。

這里做一些小小的總結。

總結

以上是生活随笔為你收集整理的HTML学习之块级元素和行内元素的特征和区别（一）的全部內容，希望文章能夠幫你解決所遇到的問題。

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