CSS介绍/音视频标签/字体/文本/选择器

7、css介绍

1、什么是css？

Cascading Style Sheets

通常称为css样式表、层叠样式表和级联样式表 , 给页面设置样式。

2、css引入方式--行间样式

概述：

• 通过HTML元素的style属性设置样式的行为，称为行间样式

• 放在开始标签内部

• 适用场景：

  • 单个html标签需要设置样式时

  • 优缺点:比较直观;相同样式需要重复定义,造成代码冗余;作用范围小,不利于后期代码维护;代码不能复用,结构样式不分 离。

音视频标签

audio

音频标签

语法<audio src="音频文件地址"></audio>

属性

src="" 提供文件的地址

controls 提供文件的播放控件

loop 提供文件循环播放

muted 输入默认静音

<audio src="file/hanmai.mp3"  controls loop muted></audio>

video

视频标签

语法<video src="视频文件地址" controls loop muted ></video>

属性

src="" 提供文件的地址

controls 提供文件的播放控件

loop 提供文件循环播放

muted 输入默认静音

autoplay 打开浏览器可以自动播放

poste