三、css篇

#这里强烈推荐一本书《css世界》，css第一书。

#上面的层叠顺序得记住。

1.align-items  justify-content

　　是flex(弹性盒模型)必须要会的属性，align-items 控制交叉轴的内容排布，justify-content控制主轴的内容排布。

2.animation

　　控制动画，@keyframes定义动画  infinite无限动画

　　一般传三个参数:

　　　　第一个动画名，第二个执行时间，第三个持续时间。

　　还可以加延时执行，等等。

3.background

　　设置背景。。。

4.border

　　边框

5.color

　　字体颜色

6.cursor

　　鼠标放上去显示的形状

7.display

　　block   inline-block  inline

8.float

　　浮动，浮动元素的子元素容易溢出，建议浮动元素不设宽高，直接overflow:hidden，由子元素控制宽高。

9.font-size

　　字体大小

10.margin padding

　　外、内间距

11. width height

　　宽高

12.@import  ‘demo.css’

　　导入其他css，权重无区别，按照加载顺序，后面覆盖前面。

13.opacity

　　透明度

14.text-align  line-height

　　文字水平居中   文字垂直"近似"居中

15.transform

　　元素的移动(translate)或者缩放(scale)

16.overflow:hidden

　　清除浮动神器

17.position

　　"子绝父相"，定位神器

18.rotation

　　元素旋转

19.transition

　　元素属性过渡，设置后，相应属性变化会逐渐变化，会产生动画。

20.vertical-align

　　元素垂直方向上的对齐方式。

21.visibility

　　元素不可见，它和display:none的区别是，visibility:hidden 元素只是看不见，任然会占据文档流位置，display:none，会消失在文档流，空出来的位置由后面元素补上。

22.word-wrap:

　　控制文本的自动换行

23.z-index

　　控制元素的层叠比重，最上面图可以看到z-index越高越在外层。