“小白的我”第九天日报

今天完成的事情：

1.完成了报名的所有手续和流程；

2.初步了解了任务7，并学会了新标签——HTML5 audio；

3.下载了任务7需要的图片。

明天计划的事情：

1.学会任务7所需要的所有知识点，并学会运用；

2.尽可能地去做任务7，能做多少做多少。

遇到的问题：

1.不会使用audio；

2.雪碧图需要继续努力学习熟练运用；

3.flex用的不熟练，应该尽可能地多用flex。

解决方案：

1.查找相关资料，先自己摸索学习

<audio> 标签定义声音，比如音乐或其他音频流。

目前，<audio> 元素支持的3种

<audio controls>

  <source src="horse.ogg" type="audio/ogg">

  <source src="horse.mp3" type="audio/mpeg">

  您的浏览器不支持 audio 元素。

</audio>

文件格式：MP3、Wav、Ogg。

2.继续多编程多运用才能熟练起来

html：

<div class="box">

    <span class="icon1"></span>

    <span class="icon2"></span>

    <span class="icon3"></span>

    <span class="icon4"></span>

</div>

css：

<style>

        .box{width: 600px; height:300px; border: 3px solid #ccc; background-color: #8064A2; }

        span{display: inline-block; width: 25px; height: 25px; border: 3px solid #ccc;

        background-image: url(css/img/sidebar.png); background-repeat: no-repeat;

        margin: 5px;}

        .icon1{background-position: 0 0;}

        .icon2{background-position: -40px 0;}

        .icon3{background-position: 0 -25px;}

        .icon4{background-position: -40px -25px;}

    </style>

3.flex也是要多练多复习一些知识点，学会用作为父容器的6大属性和Android 作用于子项目的6大属性

收获：

1.巩固了基础，学以致用；

2.今天报名的日子是平安夜，上海氛围很好，大家玩的很开心，祝圣诞节快乐~