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

 

術(shù)語解釋

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

【基本框】

??CSS假定每個元素都會生成一個或多個矩形框,這稱為元素框。各元素框中心有一個內(nèi)容區(qū)(content area)。這個內(nèi)容區(qū)周圍有可選的內(nèi)邊距、邊框和外邊距。之所以可選,是因為它們的寬度可以設(shè)置為0

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

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

延伸閱讀

學(xué)習(xí)是年輕人改變自己的最好方式-Java培訓(xùn),做最負責(zé)任的教育,學(xué)習(xí)改變命運,軟件學(xué)習(xí),再就業(yè),大學(xué)生如何就業(yè),幫大學(xué)生找到好工作,lphotoshop培訓(xùn),電腦培訓(xùn),電腦維修培訓(xùn),移動軟件開發(fā)培訓(xùn),網(wǎng)站設(shè)計培訓(xùn),網(wǎng)站建設(shè)培訓(xùn)學(xué)習(xí)是年輕人改變自己的最好方式