05024学习日志

一、知识总结

1、修改滚动条样式

2、元素旋转、缩放、移动、倾斜transform

​ 值：none、translate（x，y）

3、

• transition-property指定css属性的name、transition效果
• transition-duration指定时间
• transition-timing-function转速曲线
• linear规定以相同速度开始至结束的过渡效果

ease：慢速开始然后变快，慢速结束过渡

ease-in慢速开始过度

ease-out慢速结束过度

ease-in-out慢速开始结束

transition-delay定义transition效果开始的时候

4、动画@keyframes

animation-duration动画指定多少时间完成

animation-delay动画启动前延迟间隔

animation-iteration-count播放次数，，infinite无限次

5、布局

正常布局留（normal flow）：HTML元素按第一个段落、无序列表、第二个段落的先后次序显示

浮动float、多列浮动、清除浮动clear：left、right、both

6、定位

• 静态定位
• 相对定位
• 绝对定位
• 固定定位

z-index

position：sticky

7、样式优先级

样式优先级：就近原则

选择器优先级：id选择器>class选择器> 元素选择器

提升样式优先级：！important

选择器比较：id/class：同 都是元素的属性值；都区分大小写；

​ 不同：id作用在一个元素，class作用在多个元素

class元素（标签）：class区分大小写，元素不区分；class可自定义，元素是html；class适配多个不同元素，元素只能适配同一元素

后代子元素：可适配多个元素；子元素只适配直接子元素，后代适配所有被包裹的元素

二、心得体会

今天，已经是第五天的学习，无论是生活上还是在学习的过程中，我们都完全适应。在内容的学习上由于学习内容过多，很多知识点没有及时练习，存在遗忘问题。