音乐播放器 ---------雀雀老师

网页的三大结构   html   css  js 

html 是搭建网页结构的骨架

css  是 给骨架增加 血肉, 修饰外表.打扮.   css 和 HTML 本质上是没有关联的.

如果css 要控制标签,就要用到各种选择器.

<div  ID=""player"">

具有标题作用的标签是 H1 , h2   h3---h6

h1 是主标题     

还有标题标签.

播放区域    class="content"

视频标签 video

控制视频播放.control

行高.  line-height: 50 px ;   

行高和div的高度一致可使得文字居中

 

h1 的默认样式;

路径;  

相对路径   绝对路径

tool  工具 类名.

按钮

对工具描述;

对按钮描述;

引入图片. 相对路径的方法

背景图片是复合属性;

背景平铺

 

 

positiion  给块级元素定位 实现 横排显示.

> 符号. 的使用.

上传标签. 传文件

透明度属性;
opacity

获取标签,操作之

 

点击事件

设置 ,播放, 暂停   用 if 判断 

这里 pause 要用  paused  没来得及 截取修改后的视频.