LAPTOP-7S3KFR7H_524-王玲燕

学习日志

一、学习总结

修改滚动条样式

transform (旋转,缩放,动,倾斜等)

transition 过渡效果

(transition-duration:指定多少秒或毫秒才能完成 transition-timing-function:转速曲线 transition-delay:定义transition效果开始的时候)

动画

逐渐地从一个值变化到另一个值

animation-name 指定要绑定到选择器的关键帧的名称

animation-duration 动画指定需要多少秒或毫秒完成

布局(排版)

正常布局流(normal flow)是指在不对页面进行任何布局控制时,浏览器默认的HTML布局方式。

浮动

float (用于在成块的文本内浮动图像)

清除浮动 clear (left 、riht、both)

定位

position 允许从正常的文档流布局中取出元素,并使它们具有不同的行为。

静态定位 staitc 每个元素获取的默认值

相对定位 position:relative(top、bottom、left 、right)

绝对定位 position:absolute

固定定位 fixed

样式优先级

样式冲突 当发生样式冲突时,谁的优先级高,元素就适应哪个
优先级
四种样式用法的优先级:

内联样式 > 内部样式 > 外部样式 > 浏览器默认样式

不同选择器之间的优先级:

注;选择器之间的优先级取决于选择器的精度,重复定义样式时,谁在后边元素适配谁改变优先级,在css属性值后边加上 !important 来将优先级提高。

二、心得体会

​ 本节课我们主要学习了css的背景设置和图片设置,包括定位,浮动,样式优先级,总体感觉有点难以理解,希望在后面的实训中,可以掌握更多有关css的知识,提高自己的操作水平和实践能力。

标签

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