前端html5和css基础教程笔记【七】

三五博客
2022-09-26 / 0 评论 / 14 阅读 / 正在检测是否收录...
温馨提示:
本文最后更新于2022年09月26日,已超过64天没有更新,若内容或图片失效,请留言反馈。

音视频播放

1.audio标签

引入外部的音频文件,引入时默认不让用户控制播放或停止的

属性:

1.controls 是否允许用户控制播放【无需赋值】

2.autoplay 是否自动播放【无需赋值,默认不自动】

3.loop 音乐是否自动播放

<audio src=""></audio> 默认用户不能控制

<audio src="" controls></audio> 用户可以控制

Screenshot_2022-09-25-19-24-19-370_tv.danmaku.bili.jpg

除了通过src指定外部文件还可以通过source指定。【可对于不支持的浏览器可以提示文字!】

<audio controls>
  对不起,您选择的浏览器不能播放此音频,请更换或升级浏览器
  <source src="">
</audio>

2.video标签

向网页中引入视频文件

属性:

1.controls 是否允许用户控制播放【无需赋值】

2.autoplay 是否自动播放【无需赋值,默认不自动】

3.loop 是否循环播放

<video src=""></video>
或
<video controls>
  <source src="">
</video>

CSS简介

用来设置网页中元素的样式

使用css修改元素样式:

1.标签内部使用style标签设置元素样式【内联样式】

<p style="color:red; font-size:30px;">少小离家老大回,乡音无改鬓毛衰</p>

Screenshot_2022-09-25-22-45-47-645_tv.danmaku.bili.jpg

2.将样式编写到head标签中的style中

通过css选择器选择元素为其设置样式,只能对一个网页起作用

<style>
  p{color:green;}
  【表示所有p标签的样式】
</style>

<p>落霞与孤鹜齐飞,秋水共长天一色</p>

Screenshot_2022-09-26-22-36-15-204_tv.danmaku.bili.jpg

3.外部样式表

将css样式编写到外部css文件中【扩展名为css】
通过link标签引入外部的css文件

属性:

1.href 指定样式表地址

2.rel

<link rel="stylesheet" href="">
0

打赏

海报

正在生成.....

评论 (0)

取消