大家好~ ?我是一枚正直純潔的苦逼程序員Ｆ摹；图！０剖 苫纤！
常見的盒模型元素有哪些？各有什么屬性纲缓？
CSS盒子模型就是在網頁設計中經常用到的CSS技術所使用的一種思維模型卷拘。 網頁設計中常聽的屬性名：內容(content)烦粒、填充(padding)甩鳄、邊框(border)、邊界(margin)规揪， CSS盒子模式都具備這些屬性工闺。 這些屬性可以把它轉移到日常生活中的盒子（箱子）上來理解乍赫，日常生活中所見的盒子也就是能裝東西的一種箱子，也具有這些屬性陆蟆，所以叫它盒子模式雷厂。 每個盒子都有：邊界、邊框叠殷、填充改鲫、內容四個屬性； 每個屬性都包括四個部分：上、右像棘、下纫塌、左；這四部分可同時設置讲弄，也可分別設置措左；里的抗震輔料厚度，而邊框有大小和顏色之分避除，又可以理解為生活中所見盒子的厚度以及這個盒子是用什么顏色材料做成的怎披，邊界就是該盒子與其它東西要保留多大距離。css盒子尺寸的計算： 我們通過給高寬賦值瓶摆，來定義content(內容)的高度和寬度凉逛。如果沒有做任何聲明，那么高度和寬度的默認值將是自動(auto)群井。即在css中給一個塊級元素的width和height屬性賦值時比如div{width ：200px; height: 200px}時状飞，其中的width 和height只是對content部分設置的，即上圖中content區(qū)域的長和寬书斜。而不是內容诬辈，內邊距，邊框的總和（但在IE的早期版本包括IE6中荐吉，盒子模型的width和height卻是內容+內邊距+邊框的總和焙糟，盡管符合人們思考的邏輯習慣，但是不符合規(guī)范样屠，造成了很多兼容性問題穿撮。）
大家可看一下這篇博客https://www.cnblogs.com/WebShare-hilda/p/4684161.html
