发表于: 2016-07-28 00:05:35
1 1471
今天完成的事情:任务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难点也就是这个吧。
评论