语义标签+视频、音频+文本阴影+盒子阴影小记

语义标签

1. header 头部区域

2. footer 尾部区域

3. nav 导航区域

4. section 内容区域

5. article 文章

6. aside 辅助信息

7. hgtoup 标题组

8. figure 【类似于 dl dt dd figcaption 标题】

---

1. mark高亮显示【搜索 str+f 要写搜索的内容】

2. dialog对话框【需要结合open才可显示】

3. 画布

影片 音频

视频

<video src="视频地址" conttrols（显示控件） autoplay（自动播放） preload=“auto”（预备加载）loop（循环）poster=“第一帧画面的地址”></cideo>

<video controls="controls" autoplay="autoplay">

<source src="视频地址" type=“video/mp4”></source>

<source src="视频地址" type=“video/ogg”></source>

<source src="视频地址" type=“video/webm”></source>

</video>

video允许有多个source元素，source元素可以链接不同的视频文件，浏览器将使用第一个可以识别的格式进行播放

音频

<audio src="someaudio.mp3">您的浏览器不支持 audio 标签。</audio>

autoplay 自动播放

controls 控件

loop 循环播放

preload 缓存，如果出现autoplay就忽略此属性

文本阴影

text-shadow

定义/作用：设置文本阴影的效果

语法：text-shadow：x方向的位置 y方向的位置【向下】模糊距离 颜色【默认跟文本的颜色一致】

有两个必须的属性：x方向的位置 y方向的位置

盒子阴影

box-shadow

定义/作用：设置盒子的阴影效果 阴影颜色受文本颜色影响

语法：box-shadow:x轴 y轴 模糊距离 模糊大小 颜色 外/内阴影