width:宽度
height：高度
background：背景颜色
border：元素四周的边框
border-top：顶部边框
border-left：左边边框
border-right：右边边框
border-bottom：底部边框
padding：元素包含的内容和元素边框的距离，也叫内边距
padding-top：顶部-内边距
padding-left：左边-内边距
padding-right：右边-内边距
padding-bottom：底部-内边距
内边距会改变元素的大小
margin：设置元素和外界的距离，也叫外边距
margin-top：顶部-外边距
margin-left：左边-外边距
margin-right：右边-外边距
margin-bottom：底部-外边距
实现顶部没有外边距，margin：-8px；即可
外边距会改变元素的位置
float：设置元素浮动
float：left--左浮动
float：right--右浮动
浮动会使两个div并排显示
color：设置文字的颜色
font-size：设置文字的大小
font-family：设置文字的字体
font-weight：设置文字是否加粗（bold--加粗；normal--不加粗）
line-height：设置文字的行高（让文字垂直居中）
text-decoration：设置文字的下划线
text-align：设置文字水平对齐方式（让文字水平居中）
text-indent：设置文字首行缩进
overflow:hidden
;元素溢出（需要设置在父标签上）；
超出部分隐藏（hidden）；超出部分显示（visible）；超出部分滚动显示（auto）
display设置元素的类型及隐藏
>none：隐藏且不占位置
>inline：和其他元素一起占用一行，如想要设置宽高，使用浮动
>block：单独占用一行
盒子模型四个部分
1、内容大小（width，height）
2、边框大小（border）
3、内边距大小（padding）
4、外边距大小（margin）`在这里插入代码片`
