梁贺寄-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/*运行*/

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

标签

评论

© 2021 成都云创动力科技有限公司 蜀ICP备20006351号-1