?CSS視覺格式化這個(gè)詞可能比較陌生,但說起盒模型可能就恍然大悟了。實(shí)際上,盒模型只是CSS視覺格式化的一部分。視覺格式化分為塊級和行內(nèi)兩種處理方式。理解視覺格式化,可以確定得到的效果是應(yīng)該顯示的正確效果,還是瀏覽器兼容性的bug。下面將詳細(xì)介紹CSS視覺格式化

 

術(shù)語解釋

??了解CSS視覺格式化之前要先了解一些基本術(shù)語。而下面所有的術(shù)語中,最重要的就是基本框和包含塊

【基本框】

??CSS假定每個(gè)元素都會(huì)生成一個(gè)或多個(gè)矩形框,這稱為元素框。各元素框中心有一個(gè)內(nèi)容區(qū)(content area)。這個(gè)內(nèi)容區(qū)周圍有可選的內(nèi)邊距、邊框和外邊距。之所以可選,是因?yàn)樗鼈兊膶挾瓤梢栽O(shè)置為0

??可以用多種屬性設(shè)置外邊距、邊框和內(nèi)邊距。內(nèi)容的背景也會(huì)應(yīng)用到內(nèi)邊距。外邊距通常是透明的,從中可以看到父元素的背景。內(nèi)邊距不能是負(fù)值,但是外邊距可以

iOS培訓(xùn),Swift培訓(xùn),蘋果開發(fā)培訓(xùn),移動(dòng)開發(fā)培訓(xùn)

網(wǎng)友評論