?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)邊距不能是負值,但是外邊距可以
延伸閱讀
- ssh框架 2016-09-30
- 阿里移動安全 [無線安全]玩轉(zhuǎn)無線電——不安全的藍牙鎖 2017-07-26
- 消息隊列NetMQ 原理分析4-Socket、Session、Option和Pipe 2024-03-26
- Selective Search for Object Recognition 論文筆記【圖片目標(biāo)分割】 2017-07-26
- 詞向量-LRWE模型-更好地識別反義詞同義詞 2017-07-26
- 從棧不平衡問題 理解 calling convention 2017-07-26
- php imagemagick 處理 圖片剪切、壓縮、合并、插入文本、背景色透明 2017-07-26
- Swift實現(xiàn)JSON轉(zhuǎn)Model - HandyJSON使用講解 2017-07-26
- 阿里移動安全 Android端惡意鎖屏勒索應(yīng)用分析 2017-07-26
- 集合結(jié)合數(shù)據(jù)結(jié)構(gòu)來看看(二) 2017-07-26