首页 > 其他 > 详细

08.24学习笔记

时间:2018-08-24 21:04:37      阅读:153      评论:0      收藏:0      [点我收藏+]

第五天:

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

 

 

流式布局 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 自动播放

08.24学习笔记

原文:https://www.cnblogs.com/wangxin0429/p/9531919.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!