日志

日志

一、学习总结

​ 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 来将优先级提高。

​ 二、心得

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

标签

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