jiuchabaikaishui的专栏

flex-start：侧轴方向顶对齐；flex-end：侧轴方向底对齐；flex-direction：设置元素主轴即排列方向，默认主轴是 row 水平方向排列（row：水平方向从左到右排列，row-reverse：水平方向从右到左排列，column：垂直方向从上到下排列，column：垂直方向从下到上排列）flex-shrink：可以收缩子元素的宽度，设置当前元素应该占据收缩空间的比例值（当前元素的flex-shrink值除以所有兄弟元素flex-shrink值之和），默认值为1（平均占收缩空间）。

repeating-linear-gradient(angle | to side-or-corner, color-stop1, color-stop2, …transform-origin：设置旋转轴心，值可以是X、Y坐标值，也可以是left、top、right、bottom、center关键字。translate(x, y)：移动，参照元素的左上角，一个参数表示x轴方向，两个参数则分别表示x、y轴方向。scale()/scaleX()/scaleY()：缩放，参照元素的中心点。

机器人案例

因此，如果元素拥有指定的宽度，则添加到该元素的内边距会添加到元素的总宽度中。设置相对定位的元素的 top、right、bottom 和 left 属性将导致其偏离其正常位置进行调整。每个 HTML 元素都有一个默认的 display 值，具体取决于它的元素类型。静态定位的元素不受 top、bottom、left 和 right 属性的影响。z-index 属性指定元素的堆栈顺序（哪个元素应放置在其他元素的前面或后面）。然而，如果绝对定位的元素没有父元素，它将使用文档主体（body），并随页面滚动一起移动。

这里要实现的功能有播放暂停、全屏、播放时间、进度条、跳播等。需要说明的是这里使用了一套字体图表样式，

【代码】HTML5和CSS3二接口。

html5不是新的语言，而是html的第五次重大修改——版本支持：所有主流浏览器都支持（Chrome、Firefox、Safari等），IE9（不是全部支持是有选择的支持）及以上支持改变了用户与文档的交互方式：多媒体（video、audio、canvas）增加了新的特性：语义特性，本地存储特性，网页多媒体，二维/三维，特效（过度、动画）相对HTML4：可以通过如下方式构建文档类型进行比较：HTML5参考手册，这里例举了HTML众多标签并对HTML5抛弃和新增的进行了标注。HTML5中有部分标签语义性更强，更