html中图片、音乐、视频标签及选择器、背景

目录

图片

音乐

视频

子代选择器

交集选择器

背景

---

文章主要补充之前html文章一些漏洞：HTML常用标签+表格+表单_小俱的一步步的博客-CSDN博客

在VScode中新创建html文件，！+“Tab”键，自动生成html骨架

图片

<img src="图片相对地址"></img>

     属性：

alt：替换文本

title：提示文本,鼠标悬停在图片上提示文本

音乐

<audio src="音乐相对地址" controls autoplay loop></audio>

     属性：

controls：显示播放控件

autoplay：自动播放

loop：循环播放

视频

        <video src="视频相对地址" controls autoplay muted></video>

     属性：

controls：显示播放控件

autoplay：自动播放，但是谷歌浏览器中要配muted 才能自动播放且静音

loop：循环播放

补充标签： 

子代选择器

交集选择器

多个相同标签可以单独选择一个

背景

 

背景颜色

background-color：颜色名/rgba(红，绿，蓝，透明度)

快捷键 ：w300+h200+bgc

背景图

快捷键：bgi

背景平铺

background-repeat

快捷键 ：bgr

属性值：

取值	效果
repeat	(默认值)水平和垂直方向都平铺
no-repeat	不平铺
repeat-x	沿水平方向（x轴）平铺
repeat-y	沿垂直方向（y轴）平铺

背景位置

background-position

快捷键： bgp

 

背景符合属性写法：

background: color image repeat position