day-13

HTML5常用标记

1.header 头部区域

2.footer 尾部区域

3.nav 导航区域

4.section 内容区域

5.article 文章

6.aside 辅助信息

7.hgroup 标题组

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

-----------

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

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

10.画布 canvas

Video视频文件

Video的属性标签：

src：引入路径

controls：显示控件

autoplay：自动播放

preload：预备加载

loop：循环

poster：定义视频第一帧的图片

如果第一个视频加载失败会继续往下面找加载的链接。

Video支持的三种格式：Ogg、MPEG4、WebM

Audio音频文件

<audio src="someaudio.mp3"> xxxx</audio>

跟Video属性相似。

文字阴影 text-shadow

  p{  

            text-align: center;

            /* 设置字体阴影效果，X设置阴影左右移动，Y设置上下移动，设置阴影模糊程度，设置阴影颜色变更，

            阴影设置必须有XY同时存在下进行。

            */

            text-shadow: 80px -10px 0px red;

            color: blue;

        }

盒子阴影 box-shadow

div{

            width: 300px;

            height: 300px;

            border: 1px solid red;

            margin: auto;

            /* 设置盒子阴影效果，X设置阴影左右，Y设置阴影上下，设置阴影模糊程度，设置阴影模糊大小，设置阴影颜色变更，

            如果没有设置阴影颜色，会默认黑色，如果盒子里文本有颜色，盒子阴影会根据文本颜色变更。

            */

            /* box-shadow: 0px 0px 10px 10px yellow; */

        }

CSS3的圆角

border-radius 设置圆角