今天针对web前端中的定位、浮动、视频音频播放进行了学习，学习内容如下：
1.CSS定位：
position属性：
static：默认的属性，没有定位，元素在正常的文档流中；
relative：相对定位，相对于自己的正常位置（原位置）进行定位使用left、right、top、bottom作相对位移；
absolute：绝对定位、相对于static定位以外的最近的一个祖先元素进行定位使用left、right、top、bottom作定位处理；
fixed：固定位置；
2.标准文档流：
正常网页排列是从上向下、从左向右，所有元素依次排列
3.相对定位：
position 设置为relative，参考点是标签之前的位置，不是相对于父节点、同级节点或浏览器。
使用top、bottom、left、right进行偏移的设置，相对位移是不脱离标准文档流的，后面的元素不能占用它原来的位置；
4.绝对定位：
相对于最近的定位的祖先元素进行定位，如果没有祖先元素，则使用文档主体body，随页面滚动时一起移动。（绝对定位的祖先元素不能是static）；
绝对定位会脱离标准文档流，它的位置会被后面元素占用；
5.固定位置：
fixed属性值：不随着页面滚动而移动；
6.z-index：
设置元素之间的层叠关系，默认为0，给的值越大越能显示出来，能覆盖值小的控件；
7.透明度：
使用capacity属性：
取值为0.0-1.0之间数值越小越透明；
7.float浮动：
属性：
使用float能使元素脱离标准文档流，向左或向右移动，知道其外边距遇到父级内边距或同级上一个元素的外边距为止；
left:向左浮动
right:向右浮动
none:默认值、不浮动
特点:
(1)当设置浮动之后，控件脱离标准文档流，原有的位置会被后面的元素占用；
(2)浮动元素支持所有css样式；
(3)如果没有设置，内容撑不起来高度；
(4)一个元素浮动起来之后，在下一个元素中，文本会围绕这个元素的周围；
(5)不管元素是行级还是块级，一旦浮动起来，display属性就相当于设置了inline-block，也就是变成了内联块级；
父级元素的高度是由子集元素撑开的，但是一旦对子集元素定义了浮动他就会脱离标准文本流，父级元素就会塌陷，这是需要使用overflow：hidden来重新计算父级高度；
清楚浮动：
clear属性
left：在左侧清除浮动影响
right：在右侧清楚浮动影响
both：清楚两侧的浮动影响
none：默认值，允许浮动存在
8.音频标签：
audio：
controls：设有控制界面
autoplay：设置音频在就绪后马上播放，不同浏览器要有不同的设置；
loop：对音频进行循环播放处理；
sour->src：音频文件的url；
9.视频标签video：
controls：具有控制界面
width：设置播放窗口的大小
height：设置播放窗口的大小
poster：设置视频封面
sourse->src:视频文件的url地址；