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. 都可以使用元素作为选择器的一部分 | 部分子元素只能适配直接子元素，后代可以适配所有被包裹的元素 |
二、心得体会
今天的过程中我明白了自己还有很多欠缺，同时我学到了很多有用的操作，如浮动，定位等，学习的也更加扎实，感觉十分充实，就是作业有点多。。。。。。
近期评论