学习日志

一、学习总结

修改滚动条样式

transform （旋转，缩放，动，倾斜等）

transition 过渡效果

(transition-duration:指定多少秒或毫秒才能完成 transition-timing-function:转速曲线 transition-delay:定义transition效果开始的时候）

动画

逐渐地从一个值变化到另一个值

animation-name 指定要绑定到选择器的关键帧的名称

animation-duration 动画指定需要多少秒或毫秒完成

布局（排版）

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

浮动

float （用于在成块的文本内浮动图像）

清除浮动 clear （left 、riht、both）

定位

position 允许从正常的文档流布局中取出元素，并使它们具有不同的行为。

静态定位 staitc 每个元素获取的默认值

相对定位 position:relative（top、bottom、left 、right）

绝对定位 position:absolute

固定定位 fixed

样式优先级

样式冲突 当发生样式冲突时，谁的优先级高，元素就适应哪个

优先级

四种样式用法的优先级：

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

不同选择器之间的优先级：

注；选择器之间的优先级取决于选择器的精度，重复定义样式时，谁在后边元素适配谁改变优先级，在css属性值后边加上 !important 来将优先级提高。

二、心得体会

​ 本节课我们主要学习了css的背景设置和图片设置，包括定位，浮动，样式优先级，总体感觉有点难以理解，希望在后面的实训中，可以掌握更多有关css的知识，提高自己的操作水平和实践能力。