20210524-李元

学习日志

一、学习总结

修改滚动条样式

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的背景设置和图片设置,包括定位,浮动,样式优先级,感觉今天的课程理解起来有难度,需要花更多的时间琢磨,希望在后面几天的学习中,每天都能更加努力的学习,掌握更多的网页设计知识,提高自己的实践能力

标签

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