1、块级元素、行内元素、内敛块元素

• 1.1块级元素：

1. 可以设置宽高，但是独占一行
2. 可以设置margin、padding
3. 可以包含块级元素、行内元素、内敛块元素

margin: 0 auto;

可以实现居中

• 1.2行内元素：

1. 不可以设置宽高，会在一条直线上排列（默认宽度只与内容有关），都是同一行的，水平方向排列
2. margin上下无效，padding上下无效
3. 行内元素不能包含块级元素，只能包含文本或者其它行内元素

注：a标签不能包含a标签，类似的h不能直接套h标签，p标签是不可以套块标签的

• 1.3内敛块元素

1. 可以设置宽高，会在一条直线上排列（默认宽度只与内容有关），都是同一行的，水平方向排列
2. margin，padding有效
3. 内敛块元素包含块级元素、行内元素、内敛块元素

margin: 0 auto;

不可以实现居中

2、背景有用但不常用的属性

符合属性写法：

顺序没有要求，但是background-size前面要加上反斜杠

反斜杠前的是定位，后面的是背景的大小

• 2.1背景大小（background-size）

关键字

• cover：等比例缩放到铺满整个盒子

• contain：等比例缩放，直到有个边到达盒子边界就停止

• 百分比：算法（（盒子宽/高度—图片宽/高度）*百分比）
  auto 就是等比例自适应

• 2.2背景基点（background-origin）

背景基点：背景绘制的起点

属性值：

• origin：默认值（以内边距开始绘制）

• border-box：以边框开始绘制

• padding-box：以内边距开始绘制

• content-box：以盒子内容开始绘制

• 2.3背景关联（background-attachment）

属性值：

• scroll：默认值（跟着滚动条滚动）

• fixed：背景不随滚动条滚动、背景固定

• 2.4背景裁切（background-clip）

背景裁切：背景超出部分就切掉

属性值：

• border-box：以边框开始
• padding-box：以内边距开始
• content-box：以盒子内容开始