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()载入
-