08.24学习笔记

第五天：

今天学习了 音频和视频、流式布局与假标签、去浮动、伪元素。

 

 

流式布局 float

给需要在同一行的元素设置属性  float:left;

效果: 给一个元素设置float，带来的效果是后面的元素跟他在一行。（两个都要加float）

会导致上级无法闭合

脱离文档流：父级没有闭合，没有包含住内部的子级。

去浮动

去浮动：将父级后面的口子强制行闭合。

方法1: 给父级设置高

方法2：在浮动元素后面加一个空div 设置样式属性为clear:both;

方法3: 伪元素，假标签。

---：after（before）{ content：“” }

一般需去浮动的标签 class为 clearfix

 

超链接 a 的四个伪类

a:link{} 正常状态下的样式

a:visited{} 鼠标访问过后的样式

a:hover{} 鼠标悬浮上方的样式

a:active{} 鼠标激活下的样式

 

多媒体

音频Audio

<audio src=”” controls autoplay></audio>

Controls 是音频可控制

Autoplay 自动播放

视频Video

Controls 是音频可控制

Autoplay 自动播放