塊級元素---h1,h2,h3,h4,h5,h6,hr,div,fieldset,form,dl,address,ol,p,table,ul,pre等常見
內(nèi)聯(lián)元素---a,b,br,em,i,img,input,strong,textarea,span,label等常見
他們兩個(gè)的區(qū)別:
塊級元素一般用來搭建網(wǎng)站架構(gòu)、布局、承載內(nèi)容
內(nèi)聯(lián)元素一般用來在網(wǎng)站內(nèi)容中的某些細(xì)節(jié)或者部位疯特,用以“強(qiáng)調(diào)旨枯、區(qū)分樣式、上標(biāo)、下標(biāo)、錨點(diǎn)”等等。
它們可以互相轉(zhuǎn)換仙畦。display:inline|block
塊級元素的特點(diǎn):每一個(gè)塊級元素都識從一個(gè)新行開始顯示,其后的元素需要另起一行音婶。
CSS權(quán)威指南上:
任何不是塊級元素的可見元素都是內(nèi)聯(lián)元素慨畸。
嵌套規(guī)則:
- 塊級元素可以包含內(nèi)聯(lián)元素或某些塊級元素,但內(nèi)聯(lián)元素不能包含塊級元素衣式,它只能包含其它內(nèi)聯(lián)元素寸士。
- 塊級元素不能放在p里面檐什。
- 有幾個(gè)特殊的塊級元素只能包含內(nèi)聯(lián)元素,不能包含塊級元素弱卡。如h1,h2,h3,h4,h5,h6,p,dt
-
li
內(nèi)可以包含div
- 塊級元素與塊級元素并列乃正、內(nèi)聯(lián)元素與內(nèi)聯(lián)元素并列。(錯(cuò)誤的:<div><h2></h2><span></span></div>)