今天完成的事情：任务7-2 小主页。

明天计划的事情：完成任务8

遇到的问题：写导航前面的圆点，有好几种方法，一种引图，一种雪碧图，一种用border，我用的第三个，然后发现字体字体居中后圆点和圆点垂直没对齐，最后看了日报两种方法，第一种定位宽度，然后直接居中。第二种，内边距推过去。

想法要灵活，

display: table-cell:  （ display:table-cell   让高低不固定元素垂直居中   display：table 表格元素。 ）

                     vertical-aligned：middle （垂直居中，位于div中部，）

transparent透明色

transform:rotate(90deg)

transform是变形 的意思

rotate是旋转，

deg是角度

0~360 是顺时针旋转360

0~-360 是逆时针旋转360

transform：translate（XXPX,YYPX）；

translate 是移动的意思

Y值可以不写，默认是0

translate （X轴,Y轴）

20% 是盒子的大小，

Y轴偏移的百分比是高度，

X轴偏移的百分比是宽度

translateX（X值 负值向左）

translateY（Y值 负值向上）

scale(X,Y)

transform：scale是缩放的意思

scaleX

scaleY

放大的倍数

旋转是中心坐标，要根据某个方向旋转

transform-origin 

1是1*1本来的大小，

1*1.5放大

1*0.5缩小

skew( X,Y)

倾斜 ，倾斜的角度。

transform：skew（）

perspective:none

透视

perspective:XX PX

越小透视越明显

perspective-origin

transition-property过度

transition-duration过度的时间

收获：

晚上时候看了这么多，一脸懵逼。，任务8难点也就是这个吧。