塊級元素、行內(nèi)元素、行內(nèi)塊元素的區(qū)別？

答：

• 塊級元素（block）：自動占據(jù)一行，可以設(shè)置寬高，margin/padding水平垂直方向都有效，能容納其他塊級元素或行內(nèi)元素。常見的有div，p，h1~h6，ul，li，form，table。

• 行內(nèi)元素（inline）：占據(jù)一行的一小部分，多個行內(nèi)元素水平排版，無法設(shè)置寬高，margin在垂直方向上無效，padding在水平垂直方向上都有效，只能容納文本或其他行內(nèi)元素。常見的有span，img，a。

• 行內(nèi)塊元素（inline-block）：跟行內(nèi)元素類似，區(qū)別是可以設(shè)置寬高，margin/padding水平垂直方向都有效。常見的有button，img，input，select，label，textarea。

img是可替換元素。

在CSS中，可替換元素的展現(xiàn)效果不是由CSS來控制的。是一種外部對象，它們外觀的渲染，是獨立于CSS的。例如iframe元素，可能具有自己的樣式表，但它們不會繼承父文檔的樣式。典型的可替換元素有：iframe、video、embed、img。