静态页面制作(二)

一丶概述
这个页面主要特点是横幅的背景运用了一段视频,main内容比较简单,是弹性盒模型内两行box,每个缩略图链接到一个视频.
二丶CSS学习笔记
1.text-indent: 4em; 第一行缩进4em.
2.white-space: nowrap 文本不换行,在同一行上继续
3.opacity: 0.45;设置元素的不透明级别.
4.align-items: stretch; /*在副轴上会自动拉伸*/
5.flex-wrap: wrap; flex容器内元素为多行,超出时会自动换行*/用来实现本页面的换行.
6.white-space: nowrap;段落中文本不进行换行.
7.transition: background-color 0.2s ease-in-out,color 0.2s ease-in-out; 实现button颜色的过度变化.