<div>标签

1.盒子模型

(上右下左 顺时针顺序设置属性值)

1.1 外边距 margin

1.2内边距 padding

1.3边框border solid dashed 例如：（border:1px dashed black）意思就是设置1个像素的黑色虚线边框

1.4阴影 box-shadow:h-shadow水平阴影的位置  v-shadow垂直阴影的位置  blur模糊距离  spread 阴影的大小 color颜色  inset从外层的阴影（开始时）改变阴影内侧阴影

1.5边角  例如圆角border-radius

1.6内容

　　1.6.1 css换行：word-wrap:break-word;

　　1.6.2 内容超出则隐藏：overflow: hidden;

 

2.Flex布局

Flex是Flexible Box的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。

2.1 flex-direction 决定主轴的方向 

2.2 flex-wrap 如果一条轴线排不下，则换行。

2.3 flex-flow flex-direction属性和flex-wrap属性的简写形式

2.4 justify-content 在主轴上的对齐方式 常用center 居中

2.5 align-items 定义项目在交叉轴上如何对齐  baseline是一种底部线条对其的方式

2.6 align-content 定义了多根轴线的对齐方式 如果项目只有一根轴线，该属性不起作用