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

目录

图片

音乐

视频

子代选择器

交集选择器

背景


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

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

图片

     属性:

alt:替换文本

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

音乐

     属性:

controls:显示播放控件

autoplay:自动播放

loop:循环播放

视频

       

     属性:

controls:显示播放控件

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

loop:循环播放

补充标签: 

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

子代选择器

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

交集选择器

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

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

背景

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

背景颜色

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

快捷键 :w300+h200+bgc

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

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

背景图

快捷键:bgi

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

背景平铺

background-repeat

快捷键 :bgr

属性值:

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

背景位置

background-position

快捷键: bgp

html中图片、音乐、视频标签及选择器、背景_第8张图片html中图片、音乐、视频标签及选择器、背景_第9张图片 

背景符合属性写法:

background: color image repeat position 

你可能感兴趣的:(前端,html5)