DESKTOP-ESEP4D3_20120524-马兰

日志

一，知识总结

1，transform(动态效果)

（1）常用的值：

none 定义不进行转换。
translate(x,y) 定义 2D 转换。移动
translate3d(x,y,z) 定义 3D 转换。父元素 transform-style: preserve-3d;
translateX(x) 定义转换，只是用 X 轴的值。
translateY(y) 定义转换，只是用 Y 轴的值。
translateZ(z) 定义转换，只是用 Z 轴的值。
scale3d(x,y,z) 定义 3D 缩放转换。
skew(x-angle,y-angle) 定义沿着 X 和 Y 轴的 2D 倾斜转换。
rotate(angle) 定义 2D 旋转，在参数中规定角度。
rotate3d(x,y,z,angle) 定义 3D 旋转。
rotateX(angle) 定义沿着 X 轴的 3D 旋转。
rotateY(angle) 定义沿着 Y 轴的 3D 旋转。
rotateZ(angle) 定义沿着 Z 轴的 3D 旋转。

（2）设置元素当过渡效果：

transition-property 指定CSS属性的name，transition效果
transition-duration transition效果需要指定多少秒或毫秒才能完成
transition-timing-function 指定transition效果的转速曲线
transition-delay 定义transition效果开始的时候

2，布局

​ 正常布局流(normal flow)是指在不对页面进行任何布局控制时，浏览器默认的HTML布局方式。

3，浮动 （float）

多列浮动

清除浮动（clear）

clear 可以取三个值：
left ：停止任何活动的左浮动
right ：停止任何活动的右浮动
both ：停止任何活动的左右浮动

4,定位（position）

（1）静态定位 ( staitc )：静态( staitc )定位是每个元素获取的默认值。

（2）相对定位 ： 给元素加上 position:relative; 并不会改变元素的位置，需要使用 top ， bottom ， left 和
right 属性。

（3）绝对定位： position:absolute; 生成绝对定位的元素，相对于static定位以外的第一个父元素进行定位。

（4）固定定位： fixed 固定定位，这与绝对定位的工作方式完全相同，只有一个主要区别：绝对定位固定元素是相对于 元素或其最近的定位祖先，而固定定位固定元素则是相对于浏览器视口本身。

5，优先级

​ 内联样式>内部样式>外部样式>浏览器默认样式

二，心得体会

​ 今天的我又是迷迷糊糊的度过了一天，说累也不累，说不累又有点累。唉，我只感觉我缺一个编程的脑袋，每天的作业都有好多不会做，心累。