A今天学了什么
1.公共样式的提取
一般分为:base
page
common
2.css2d转换
transform:translate(x,y) rotate(30deg)
translate(x,y) 位移
该元素移动的位置,取决于宽度(x轴)和高度(y轴)
translate(x,y)x坐标方向移动的距离,y坐标方向移动的距离
rotate 旋转
scale(x,y) 缩放
该元素增加或减少的大小,取决于宽度和高度的参数
skew(x,y) 倾斜
x表示水平方向,y表示垂直方向
都要配合transform属性使用
3.transition 过渡
过渡(transition)配合hover使用
如:
div{transition:width 2s;}
div:hover{width:100px;}
B我掌握好的地方
2.css2d转换
transform:translate(x,y) rotate(30deg)
translate(x,y) 位移
该元素移动的位置,取决于宽度(x轴)和高度(y轴)
translate(x,y)x坐标方向移动的距离,y坐标方向移动的距离
rotate 旋转
scale(x,y) 缩放
该元素增加或减少的大小,取决于宽度和高度的参数
skew(x,y) 倾斜
x表示水平方向,y表示垂直方向
都要配合transform属性使用
3.transition 过渡
过渡(transition)配合hover使用
如:
div{transition:width 2s;}
div:hover{width:100px;}
#C我掌握不好的地方