CSS简单介绍

74 阅读2分钟

开启掘金成长之旅!这是我参与「掘金日新计划 · 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标签内,通过一定的语法对全局生效。