20210524王磊

日志

一、知识总结

1.transform是 css3 的属性,该属性应用于元素的2D或3D转换:none,translate,translate3d.

2.transition 属性设置元素当过渡效果:property,duration,timing-function:linear,delay.

3.动画:animation: name duration timing-function delay iteration-count direction fill-mode play-state;

4.布局:正常布局流,display属性,浮动,定位。

5.浮动:float:lefy,right.

6.多列浮动

7.清除浮动:clear:left:停止任何活动的左浮动right:停止任何活动的右浮动both:停止任何活动的左右浮动

8.定位:position

9.静态定位:staitc,

10.相对定位:relative

11.绝对定位:absolute;

12.固定定位:fixed

13.优先级:1. id 选择器2. class 选择器3. 元素选择器

14.选择器比较

Id ---- clas 1.都是元素的属性值 2.都区分大小写 id作用在一个元素上,class可以作用在多个元素上
Class -----元素(标签) 都可以作用多个元素 1. class区分大小写,元素不区分大小写 2. class可自定义,元素是html元素 3. class可适配多个不同元素,元素只能适配同一元素
后代 -----子元素 1. 都可适配多个元素 2. 都可以使用元素作为选择器的一部分 部分子元素只能适配直接子元素,后代可以适配所有被包裹的元素

二、心得体会

今天的过程中我明白了自己还有很多欠缺,同时我学到了很多有用的操作,如浮动,定位等,学习的也更加扎实,感觉十分充实,就是作业有点多。。。。。。

标签

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