CSS盒子模型（框模型）
上图为W3C标准的盒子模型；
元素的总宽度：width(宽度)+padding-left(左内边距)+padding-right(右内边距)+border-left(左边框)+border-right(右边框)+margin-left(左外边距)+margin-right(右外边距)
元素的总高度：height(高度)+padding-top(上内边距)+padding-bottom(下内边距)+border-top(上边框)+border-bottom(下边框)+margin-top(上外边距)+margin-bottom(下外边距)