Today

1. transform 属性

transform: rotate(45deg) 正数表示顺时针 负数表示逆时针

2.header 里的小图标叉叉

3.box-shadow 给盒子增加阴影

5.四张小icon,设置visibility:hidden  鼠标悬浮后display:visible

6.rgba 设置透明是对元素本身,而opacity是对包括自身在内的所有子元素产生效果

7.动态百分比单位  vw ,vh,视窗宽度和高度是100vw  100 vh

8.box-sizing 可以不考虑盒子模型中padding 之类来计算盒子宽度,或者使用cal()更方便.

可以使用calc()给元素的border、margin、pading、font-size和width等属性 设置动态值,

calc()最大的好处就是用在流体布局上，可以通过calc()计算得到元素的宽度.

9 bootstrap的栅栏系统栅栏系统是通过定义容器大小，并将其等分12份，通过一系列行（row）与列（column)，

结合媒体查询制作成强大的响应式栅格系统,巴拉巴拉巴拉

10.audio 部分就简单地放进去 隐形对齐播放按钮,用 js 留着以后吧...

11.基本完成任务

Tomorrow

1.任务8

2.完善任务7

Gain

1.:before :after  画小图标 

2.了解伪类选择器 

3.hover 属性熟悉 :修改index小圆点  :hover {background-color} 鼠标悬停变蓝色

4.流动布局 和 fixed 布局练习吧

Pain

1.第一次用vw单位,不怎么会,得调来调去

2.今天还看到一个媒体查询,不知道咋用,先记一下这个词..