1.Html、CSS
HTML
div块状元素（独占一行）
Span行
H1-h6标题
i斜体
Strong加粗
a超链接
Img图片
Video视频
Textarea表单域（多行）
Button按钮
input输入框
placeholder框内灰色提示字
CSS
上右下左
margin外边距
padding内边距
word-wrap: break-word自动换行
border 边框
solid实线、radius边框弧度、
阴影box-shadow: 10px 10px 5px #888888
分别对应右偏移度、下偏移度、阴影模糊度、颜色
Flex布局
display: flex开启flex布局（要搞清楚和flex:1的区别）
flex-direction 默认为row（水平靠左），row-reverse水平靠右，column垂直靠上
flex-wrap: wrap自动换行
项目属性flex[1]
| 值 | 描述 |
|---|---|
| flex-grow | 默认0，决定项目在有剩余空间的情况下是否放大 |
| flex-shrink | 默认1，决定项目在没有剩余空间的情况下是否缩小 |
| flex-basis | 默认auto，项目的宽度，设置后会覆盖width。 |
flex:1——1 1 auto；等比放大、等比缩小
flex:none——0 0 auto;固定大小，不放大不缩小。
CSS布局元素
水平居中：margin:auto
宽度width有固定值和百分比
overflow:hidden隐藏超出容器的元素
overflow:scroll在原有基础上给一个可以滑动的条
文字
line-height 行高
font-size字体大小
font-weight字体粗细normal(正常)、blod(加粗)
position：absolute 相对于正常位置定位，配合top、bottom、left、right使用
本节参考资料——
