LAPTOP-CM3SNMK4_20210524 单俊秀

日志

1.知识总结

（1）transform(CSS3的属性，应用于元素的2D和3D转换。)
常用的值：
    none:定义不进行转换
    translate(x,y):定义2D转换，移动
    translate3d(x,y,z):定义3D转换，父元素必须是3D
    translate X(x):定义x轴的值
    translate Y(y):定义y轴的值
    translate Z(z):定义z轴的值
    scale(x[,y]?):缩放
    skew(x-angle,y-angle):倾斜
    rotate(angle):旋转
（2）transition(设置元素过渡效果)
（3）@keyframes(动画)
    linear:规定以相同速度开始至结束的过渡效果
    ease:规定慢速开始，然后变快，然后慢速结束的过渡效果
    ease-in:规定以慢速开始的过渡效果
    ease-out:规定以慢速结束的过渡效果
    ease-in-out:规定以慢速开始和结束的过渡效果

（4）布局（排版）

​ 正常布局流

​ normal flew 默认，按先后顺序显示

​ 浮动 (float )

​ 多列浮动

​ 浮动会使文档脱离正常的文档流

（5）清除浮动 (clear )

总结：

​ 会脱离文档流

    浮动元素高度为0

​ 非浮动元素的外边距不能用于它们和浮动元素的之间来创建空间

注：如果有浮动，一定要定义一个父容器且有宽高

（6）定位

​ 静态定位(static)
​ 默认

​ 相对定位

​ 相对于其正常位置定位

            绝对定位

​ 会脱离文档流

​ 固定定位（fixed）

​ position:sticky

​ 相对定位和固定位置的混合体

​ z-index

​ 对z轴参考，多个方面的定位元素出现在先定位元素前面

（7）样式优先级

        （1）样式冲突

​ （2）优先级

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

​ （3）选择器之间的优先级

​ id选择器>class选择器>元素选择器

2.心得体会

​ 今天是来到云创动力的第五天，今天早上可能是由于状态不太好，加上所讲知识属性之类的比较相似，所以听得不是太懂，但是在晚上运用的时候也会用一点，下午听课和晚上的练题状态都比较好，注意力比较集中，对所讲的知识点也掌握的比较好，但有一个问题就是容易忘记之前所学的知识。总之每天都很快乐和充实。

3.疑问

​ （1）早上所学的动画的使用不会熟练应用。

​ （2）不能将这些天所学的知识融合在一起去运用。