概念
塊級：block
內聯：inline
內聯塊級：inline-block
在html元素中，元素會有display屬性
display屬性預設值是block，那麼該元素是塊級元素。
display屬性預設值是inline，那麼該元素是內聯元素。
沒有元素的display預設值是inline-block。
display屬性值可以被設定，比如可以把塊級元素div的display的值設成inline，那麼它就變成了內聯元素，不再獨行顯示。
特徵
1.塊級元素
獨佔一行。
可設定width，height，margin，padding。
內部可包含塊級或內聯元素。
2.內聯元素
和其他inline元素同行顯示。
設定widht，height，margin-top，margin-bottom，padding-top，padding-bottom無效，可以設定margin-left，margin-righ，padding-left，padding-right。
內部可包含塊級或內聯元素，內部包含塊級元素時，該塊級元素繼續保持獨行顯示，下乙個內聯元素會換行顯示。
3.inline-block
和其他inline元素同行顯示。
和塊級元素一樣可設定width，height，margin，padding。
內部可包含塊級或內聯元素，內部包含塊級元素時，該塊級元素會在內聯元素的內部獨行顯示，不會影響下乙個內聯元素的同行顯示。
常用的塊級元素
div，form，p，table，h1~h6，hr，dl，ol，ul，pre等
常用的內聯元素
a，img，input，span，br，select，strong，em，textarea，label等
html塊級元素和內聯元素
塊級元素 就是乙個方塊，像段落一樣，預設佔據一行出現 內聯元素 又叫行內元素，顧名思義，只能放在行內，就像乙個單詞，不會造成前後換行，起輔助作用。一般的塊級元素諸如段落 標題.列表,body 元素的內容會顯示在瀏覽器中。title 元素的內容會顯示在瀏覽器的標題欄中。從上圖的例子可以看出，塊級元素預...
塊級元素 內聯級元素的定義
塊級元素 內聯級元素的定義可能大家還不太明白具體其具體的含義，接下來我們逐一解析 塊元素 block element 一般是其他元素的容器元素，塊元素一般都從新行開始，它可以容納內聯元素和其他塊元素,常見塊元素是段落標籤 p form 這個塊 元素比較特殊，它只能用來容納其他塊元素。如果沒有css的...
CSS塊級元素 內聯元素
在css盒子模型中，我們提到了html元素中的塊元素 block element 和內聯元素 inline element 那麼它們究竟是什麼呢？其實，這兩種元素都是html規範中的概念。塊元素 block element 一般是其他元素的容器元素，能容納其他塊元素或內聯元素。最常見的就是p和div...