LAPTOP-VHVALM3A_05024姚涵雅

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适配多个不同元素,元素只能适配同一元素

后代子元素:可适配多个元素;子元素只适配直接子元素,后代适配所有被包裹的元素

二、心得体会

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

标签

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