day08

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我掌握不好的地方