什么是弹性盒子

div＋浮动

弹性盒子是css3的新的布局方式

弹性容器＋弹性子元素=弹性盒子

display：

前期用法---转变元素的类型（块级，行内块级，行内）

中期用法--- -webkit-box（IE的弹性盒子--写多行文本显示为省略号）table（按照表格布局）

后期用法---flex---弹性盒子

可以指定浏览器的前缀

---webkit

---moz

display：flex；

---当子元素的总宽度大于父元素宽度（高度）--压缩里面的内容（水平，垂直）

---当子元素的总宽度小于父元素宽度（高度）--对齐的方式

子元素的排列方式：水平方式，垂直排列

flex-direction：column---水平排列；

flex-direction：row---垂直排列；

对齐方式--如果写了row--水平

              --如果写了column--垂直

justify-content：flex-start；（默认紧挨着行头）

justify-content：flex-end；（紧挨着行尾）

justify-content：center；（居中 行头行尾平均分）****

justify-content：space-between；（子元素之间平均分）*

justify-content：space-around；（行头行尾子元素平均分）***

baseline  

媒体标签：

音频：音乐播放（MP3，ogg，wav）

controls--显示控件（播放按钮）要加控制器才有声音 

<audio src="" style="width=320px;height:240px;" controls></audio>

autoplay--自动播放（浏览器限制了自动播放）

loop--循环播放（跟自动播放一起使用）

preload--缓存（设置了autoplay会自动忽略该属性）

视频：MV播放，直播

controls--显示控件（播放按钮）要加控制器才有声音 

autoplay--自动播放（浏览器限制了自动播放）

loop--循环播放（跟自动播放一起使用）

preload--缓存（设置了autoplay会自动忽略该属性）

height

width

方法--事件

play（）播放

pause（）暂停

load（）载入

-