什么是盒模型，和盒模型相关的属性有哪些，请说明它们的用法 (重要重要重要必会)
盒子模型：就是把HTML页面中的布局元素看作时一个短形的盒子，也就是一个盛装内容的容器。
相关属性：
边框border：
border-width：边框宽度（粗细）
border-style：边框样式，实线虚线solid实线dashed虚线dotted点线
border-color：边框颜色
外边距margin：
margin-left：左外边距
margin-right：右外边距
margin-top：上外边距
margin-bottom：下外边距
内边距padding：
padding-left：左内边距
padding-right：右内边距
padding-top：上内边距
padding-bottom：下内边距
复合写法：
padding：5px; 1个值，代表上下左右都是2像素内边距
padding：5px 10px; 2个值，代表上下内边距5像素，左右内边距10像素
padding：5px 10px 15px; 3个值，代表上内边距5像素，左右内边距10像素，下内边距15像素
padding： 5px 10px 15px 20px; 4个值，代表上内边距5像素，右内边距10像素，下内边距15像素，左内边距20像素
块级元素和行内元素的盒模型有什么区别，哪些样式会不同 (重要重要重要)
块级元素
比较霸道，自己独占一行。
高度，宽度、外边距以及内边距都可以控制。
宽度默认是容器（父级宽度)的100%。高度用的是自己的高度。
是一个容器及盒子，里面可以放行内或者块级元素。
行内元素
相邻行内元素在一行上，一行可以显示多个。
高、宽直接设置是无效的。
默认宽度就是它本身内容的宽度。
行内元素只能容纳文本或其他行内元素，不能放块元素。
