DESKTOP-OQ8KRVC_0524-张燕

日志

一、知识总结

​ 通过今天的学习,我学到的主要内容有:

​ 首先,通过老师早上对前一天习题的讲解,我对昨天不熟悉的内容现在理解的比较好,比如:昨天我不太理解display属性的两个值inline和block的功能。

​ (1)inline的功能:呈内联元素,元素前后无换行符;

​ (2)block的功能:呈块元素,此元素前会带有换行符;

​ (3)一般常用的是将inline和block结合使用,“display:inline-block;”属性主要用于将块元素转换为内联元素。

​ 其次,今天学习的新内容主要有:

​ (1)滚动条的样式属性,常用的有 webkit-scrollbar (滚动条整体部分)、webkit-scrollbar-thumb (滚动条里面的小方块,能向上向下移动);

​ (2)transform,主要用于设置旋转的角度,还有3d效果的设置,常用的属性主要有:translate(x,y)(定义 2D 转换。)、translate3d(x,y,z)(定义 3D 转换。)、translateX(x)(定义转换,只是用 X 轴的值。)、translateY(y)(定义转换,只是用 Y 轴的值。)、translateZ(z)(定义转换,只是用 Z 轴的值。)

​ (3)transition属性,主要用于设置元素的过渡效果;

​ (4)动画的设置,常用的命令是:

@keyframes animationName{

from{

}

to{}

}

​ (5)布局排版,主要方式有:正常布局流、displa 属性、弹性盒子、网格、浮动(关键字:float拍)、定位(position、static-静态定位、relative-相对定位、absolute-绝对定位、fixed-固定定位) 、css表格布局、多列布局;

​ (6)样式优先级:

​ 样式的优先级:内联样式>内部样式>外部样式>浏览器默认样式

​ 改变优先级的方式:使用 !important关键字

​ 最后,通过做作业,我觉得对于浮动和定位的功能也更加的熟悉了。

二、心得体会

​ 通过今天一天的学习,我觉得今对所学的少一半的内容还是不太熟悉,比如3d效果的设置,还有对相对定位不是很理解,今天做的前三个作业都觉得挺简单。对于老师今天上课讲的那个3d效果的那个题目理解的不是特别清晰。如果时间允许的话,希望老师可以再讲一个3d效果的例子。

标签

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