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

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

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

一，下面從概念的角度來說一下塊級元素和行內(nèi)元素

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

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

塊元素（block element）和內(nèi)聯(lián)元素（inline element）都是html規(guī)范中的概念。塊元素和內(nèi)聯(lián)元素的基本差異是塊元素一般都是從新行開始的。而當(dāng)加了css控制以后，塊元素可以變?yōu)閮?nèi)聯(lián)元素，內(nèi)聯(lián)元素也可以變?yōu)閴K元素。

二。塊級元素和內(nèi)聯(lián)元素的區(qū)別

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

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

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

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

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

這里做一些小小的總結(jié)。

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。