塊元素
-
外邊距都是正數,摺疊結果爲兩者之間較大的值
-
外邊距是一正一負,摺疊結果爲兩者相加的和
-
外邊距都是負數,摺疊結果爲兩者絕對值較大的值
行內元素
-
外邊距爲兩者相加的值
-
無法設置
marign-top
和margin-bottom
行內塊狀元素
- 外邊距爲兩者相加的值
在使用行內元素和行內塊狀元素的時候,會產生間隔
外邊距都是正數,摺疊結果爲兩者之間較大的值
外邊距是一正一負,摺疊結果爲兩者相加的和
外邊距都是負數,摺疊結果爲兩者絕對值較大的值
外邊距爲兩者相加的值
無法設置marign-top
和margin-bottom
在使用行內元素和行內塊狀元素的時候,會產生間隔
<style type=text/css>td { font-size: 12px; color: #000000; line-heig
絕對定位 + margin,讓明確寬高的盒子水平垂直居中於窗口 <!DOCTYPE> <html> <head> <meta charset="UTF-8"> <meta name="vie
二級導航實例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti
3d盒子反戰 效果如圖如下: HTML重要的代碼如下: <ul> <li> <div class="box"> <div class="front">目錄