梁贺寄-20201029

课堂笔记：

1. 盒子（box）：
1.1内容(content): 
1.11 内容宽度（width）
1.12 内容高度（height ）
1.2边框(border):
1.3内边距(padding):
1.4外边距(margin):
1.2 盒子占位尺寸
1.21 实际宽度占位：width+border+padding+margin
1.22 实际高度占位：height+border+padding+margin
1.3盒子的层次
1.31 border
1.32 content&padding
1.33 background-image/*背景图片*/
1.34 background-color/*背景颜色*/
1.35 margin

2. 居中
2.1 水平居中
2.11 margin:0px auto/*块级元素*/
2.12 text-align: center/*块级元素*/（块标签和行级标签的属性转化，块级标签加float（浮动）就有了行级标签不独占一行的特性。特别注意：使用float时，一定外面加个容器包起来）
2.2 垂直居中：
2.21单行文字的垂直居中=可设置文字所在行：

3.布局分析：
3.1 header/*顶部*/
3.2 main/*主体*/
3.3 footer/*底部*/

4. 动画
4.1 controls/*播放页面*/
4.2 loop/*循环播放*/
4.3 autoplay/*自动播放*/
4.4 muted/*静音模式*/
4.5 animation:change 3s /*change:相当于函数名， 3s:3秒钟完成从0-360度旋转 */
4.6 backwards/*使其停在第一帧*/
4.7 forwards使其停在最后一帧
4.8 infinite/*无限循环*/
4.9 alternate/*来回正反向播放8/
4.10 inherit/*动画不播放*/
4.11 running/*运行*/

心得体会：今天老师讲得有点多啊，不说了，肝代码去了》。《