css盒模型的理解

閑的無聊，群里一個人談論起了一個盒子模型，然后不知不覺討論起來；
最后總結了一下:
1,盒模型的五層結構（三維層）

第一層 第二層 第三層 第四層 第五層
表框 內容內邊距 背景圖 背景色 外邊距
border Content（padding） Background-images Background-color margin

圖片1.png

2，盒模型（二維圖）

內容 內邊距 邊框 外邊距
content padding border margin position

QQ圖片20161116141253.png
最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案？ 參考答案 (1)瀏覽器兼容問題一：不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,786評論 1贊 92
  • 引言 這次給大家帶來了CSS－盒子模型部分的筆記，大家一同交流?? 認識盒子模型之前，先來了解一下CSS元素的分類吧...
    zhaolion閱讀 4,327評論 9贊 85
  • 原文地址：談談我對盒模型的理解 盒子是無處不在的。 html任何一個元素都可以看作一個盒子，這個盒子不可見，但是...
    薛普定朗諤克閱讀 13,732評論 2贊 12
  • 今天行程第五天，上午開車80公里去虎跳峽，中午1時由虎跳峽開車到瀘沽湖，路程260公里，來到瀘沽湖下午六時，打算在...
    隨緣spring閱讀 279評論 0贊 0
  • 看《翻譯官》這本書的時候，電視劇應該已經完結了。沒看過劇，所以也不清楚具體的播出時間和故事情節。徑直翻開書本看了幾...
    原侑壹的必然屋閱讀 369評論 0贊 1