塊級元素:默認寬度是100%(繼承自父元素),如果塊對象沒有采用“float:left”或“float:right;”的樣式,相鄰的兩個塊對象就會分排在不同的兩行上。例如,div, p, h1, form, ul 是塊元素的例子。
內(nèi)聯(lián)元素:寬度取決于其內(nèi)部元素的寬度(width)與填充(padding)值之和,不可直接指定其寬度與高度(但如果使用“display:block;”或者“float:left/right;”樣式后,可以強行轉(zhuǎn)換成塊對象,此時可以定義),相鄰的兩個內(nèi)聯(lián)對象會排在同一行上,不會從新行開始。例如:span, a, label, input, img 是inline元素的例子。
區(qū)別:
塊里可以含行.也就是div塊里可以有span;
但是內(nèi)聯(lián)元素內(nèi)不能包含塊元素;
內(nèi)聯(lián)存在margin-left和margin-right,但沒有margin-top和margin-bottom,也不具有width/height。
而塊元素具有width,height,margin等等;
內(nèi)聯(lián)元素可以通過改變它的display屬性來變成塊,來具有塊的屬性。