1. 框模型：Box Model 規(guī)定了元素處理元素框處理元素內(nèi)容、外邊距、邊框、內(nèi)邊距的方式。

2. 當邊距給定的值 可以小于4個。CSS定義了一些規(guī)則、處理這中情況：

• 如果缺少左外邊距的值，則使用右外邊距的值。
• 如果缺少下外邊距的值，則使用上外邊距的值
• 如果缺少下外邊距的值，則使用上外邊距的值。

3. 外邊距合并：當兩個垂直方向（相對于水平方向）的外邊距相遇時，它們將合成一個外邊距。

合并后的數(shù)值：合并前的較大值

?

4. 合并發(fā)生在兩個同級元素之間，子元素和父元素之間，也可能發(fā)生在自身。

詳情參考：?http://www.w3school.com.cn/css/css_margin_collapsing.asp

?

5. 定位的相關(guān)概念

·文檔流

·流式布局

·列式布局

·正常流布局

·行框

·行內(nèi)框、行內(nèi)元素

·塊框、塊級元素

·無名框、無名塊框

·包含框

?

注意“行框”與“行內(nèi)框”

參考網(wǎng)址：??http://www.w3school.com.cn/css/css_positioning.asp? 其他百度

?

6. 相對定位，clip的屬性值以及解釋，并計算剪裁后圖形的高度

?

7. 浮動的3個案例：水平菜單，表格，簡單首頁

http://www.w3school.com.cn/css/css_positioning_floating.asp

?

更多專業(yè)前端知識，請上 【猿2048】www.mk2048.com 創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯，堅持創(chuàng)作打卡瓜分現(xiàn)金大獎

總結(jié)

以上是生活随笔為你收集整理的CSS知识点整理(2):框模型，定位的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。