王宇凡_20210114王宇凡

知识点总结

CSS

定位

1:静态定位 position : static(默认)

正常文档流的位置

2:相对定位: position : relative

相对于其static默认的位置进行定位。定位后仍然存在正常文档流。

3:绝对定位 position : absolute

相对于static定位以外的第一个父元素进行定位。定位后脱离文档流。

4:固定定位 position: fixed

相当于一个固定在基于浏览器窗口的绝对定位。即使滚动窗口,也会依然固定在其位置

5:粘性定位 position: sticky

这个定位很先进,相当于相对定位和固定定位的结合体。它依然是相对正常文档流的一个定位,但是滚动时到达设置的阈值点就会变为固定定位。在很多页面都非常实用。

优先级

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

选择器:优先级: id 选择器 > class 选择器 > 元素选择器

重复定义样式时谁在后边就适配谁。(个人认为THML页面时按顺序执行的,因此后边的后执行成为最终效果)

JavaScript

1、window对象 ,是JS的最顶层对象,其他的BOM对象都是window对象的属性;

2、document对象,文档对象;

3、location对象,浏览器当前URL信息;

4、history对象,浏览器访问历史信息;

利用window对象可以写关于浏览器窗口的一些执行方法。

document方法可以获取元素,在写事件方法时很常用。基本上js写的脚本代码都需要获取元素才能真正运行。

location对象,可以利用浏览器URL信息,比如href属性来切换网址。

history对象可以利用back()方法和forward()方法前进后退,也可以利用go(1)或go(-1)来前进后退

定时器:setInterval(方法名,时间单位ms);
清楚定时器:clearInterval(定时变量);
一般将定时器赋值给变量,然后将变量填入清楚定时器方法里达到清楚效果。
当前时间:new Date().toLocaleString();

心得体会

通过今天的学习,知道了定位的真实原理,能让我在写HTML页面时能更好地布局,让页面更加清晰明了。盒子之间也能更好的排版。在JavaScript学习中,知道了定时器的用法和BOM对象的基本属性,可以利用这些东西来实现对浏览器基本的一些东西做一些改变,定时器可以让自己的一些动态效果得以正常运作。

标签

评论


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