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,优先级

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

二,心得体会

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

标签

© 2021 成都云创动力科技有限公司 蜀ICP备20006351号-1