‍‍【今天完成的事情】‍‍

‍‍1.修改了的第一个页面的一些细节，如把div改成button,把页面一些小图标位置固定好，用：hover伪类激活底部的圆圈等等。‍‍

2.完成了第二个页面的大概，还有一些细节还没完成。

3.没有了

‍‍‍‍【收获】‍‍

‍‍1.visibility 属性规定元素是否可见。

 visibility: hidden; 使元素不可见

2.flex布局

‍‍flex-wrap: wrap;

wrap：

flex容器为多行。该情况下flex子项溢出的部分会被放置到新行，子项内部会发生断行

nowrap：

flex容器为单行。该情况下flex子项可能会溢出容器

wrap-reverse：

反转 wrap 排列。‍‍

3.添加滚动条

/*定义滚动条轨道 内阴影+圆角*/

 ::-webkit-scrollbar-track {

background: #4aa1c8;

}

/*定义滑块 内阴影+圆角*/

 ::-webkit-scrollbar-thumb {

border-radius: 3px;

background-color: #FFFFFF;

}

 ::-webkit-scrollbar-thumb:hover {

border-radius: 3px;

background-color: #FFFFFF;

}

4.html5 audio标签

一段简单的 HTML 5 音频：

‍‍‍‍<audio src="someaudio.wav">‍‍

‍‍您的浏览器不支持 audio 标签。</audio>‍‍

‍‍5.CSS cursor 属性：设定鼠标的样式

 如cursor：pointer设定鼠标的形状为一只伸出食指的手，这也是绝大多数浏览器里面鼠标停留在网页链接上方时候的样式

6.学了一种新的切图方法：转化为智能对象的方法

【遇到的问题】 

设计图里滚动条并没有100%显示，不知道怎么只显示下面那一段。。

‍‍【明天计划的事情】 ‍‍

1.设置好滚动条2.完成第二个页面‍