开启掘金成长之旅!这是我参与「掘金日新计划 · 12 月更文挑战」的第9天,点击查看活动详情
文章概览
- 内联框架
- 引入音、视频
- CSS简介
内联框架
内联框架与图片标签类似,不过内联框架是向一个页面引入一个其他页面,而不是图片,这个内联标签有两个常用元素,src和frameborder。
属性
- src:指定引入的网页的路径。
- frameborder:指定内联框架的边框。
- width:指定宽度。
- height:指定高度。
<iframe src="https://www.baidu.com" frameborder="11">
向网页中引入音/视频
当需要在网页中引入音频时,可以使用audio标签,使用标签引入音频时,默认情况下是不允许用户自己控制播放或者停止的,如果需要控制的话,可以使用以下属性:
- controls:是否允许用户控制播放。
- autoplay:音频文件是否自动播放。
- loop:循环播放。
注意:这种属性不需要赋值,是一种特殊的属性;autoplay属性不一定有效,因为设置了该属性浏览器打开页面时就会自动播放,可能会影响用户体验,因此大部分浏览器不支持这个功能。
CSS简介
网页实际上是一个多层的结构,通过css可以分别为网页的每一个层来设置样式,而最终我们只能看到最外层。
CSS是用来设置网页中元素的样式的,有内联样式和行内样式:
- 内联样式:在标签内通过style属性来设置元素的样式,使用内联样式时只对一个标签起作用,如果想要覆盖所有元素只能每个元素都复制一遍,而且如果样式更改了,修改就需要每个元素都修改一下,十分繁杂,因此不推荐开发者使用内联样式。
- 行内样式:将样式写到style标签内,通过一定的语法对全局生效。