日志

日志

一、学习总结

​ 1、修改滚动条样式 transform （旋转，缩放，动，倾斜等）

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

​ 3、动画 逐渐地从一个值变化到另一个值

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

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

​ 4、布局（排版）

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

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

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

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

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

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

​ 绝对定位 position:absolute

​ 固定定位 fixed

​ 7、样式优先级

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

​ 优先级

​ 四种样式用法的优先级： 内联样式 > 内部样式 > 外部样式 > 浏览器默认样式

​ 不同选择器之间的优先级： 选择器之间的优先级，取决于选择器的精度

​ 重复定义样式时： 谁在后边元素适配谁

​ 改变优先级 在css属性值后边加上 !important 来将优先级提高。

​ 二、心得

​ 今天任务要比前几天都轻松，掌握的都还可以，唯一不足是早上的没有明白，不怎么会。