盒模型：
盒子的分类：不同的元素产生的盒子类型可能不同，一个元素产生什么样的盒子，取决于它CSS的display属性
- display:none----不产生盒子，即不占用页面空间
- display：inline----行盒
- display:block----块盒（占满整行）
- display:inline-block----行内块盒
盒子的组成：
- margin:外边距，与其它盒子之间的距离
- border:边框
- padding:内边距，边框与内容之间的距离
- content：内容，内容的宽度和高度
块盒相关CSS属性：
content
- width（宽）：不可继承，默认值 auto，暂认为撑满整个可用区域，其它单位：px--像素，绝对长度，固定长度；em--相对长度（父级长度的倍数）；%--百分比（父级长度的百分值） 断词：当内容超过宽度时，会自动对内容进行截断换行
- height（高）：不可继承，默认值 auto，其它取值：px、em、%;最大、最小宽度和高度是为保证当前页面的布局，提高用户体验，PC端和移动端要分别设置（min-height、max-height、min- width、max-width） rem单位是相对于HTML（根元素）
padding
内边距，表示边框到内容之间的距离，分上（top）、右（right）、下（bottom）、左（left）四个方向。padding-top：上内边距，不可继承，默认值 0px，其它取值：em、%（取父级的width的倍数和百分值）
border
边框，分割内部和外部的界限，由上（top）、右（right）、下（bottom）、左（left）四个部分组成
相关CSS（样式）属性：
- border-style:边框样式
- border-color：边框颜色，默认值是跟着文本走
-
border-width：边框的粗细,不可继承，默认值 medium（中等厚度），数值：px、em
透明色取值：transparent，实线：solid，虚线：dashed,点线：dotted，双实线：double
border-top:上边框，简写顺序（厚度 样式 颜色）
否定选择器：书写 :not(:last-child)--即除最后一个其它都应用
margin
外边距，表示边框和相邻盒子的距离，分上（top）、右（right）、下（bottom）、左（left），默认值为：0px