日志

一、知识总结

​ 通过今天的学习，我学到的主要内容有：

​ 首先，通过老师早上对前一天习题的讲解，我对昨天不熟悉的内容现在理解的比较好，比如：昨天我不太理解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效果的例子。