知识点总结

一：定位（position）

1.主要作用：使得可以从正常的文档流布局中取出元素，让他们有不同行为。

2.分类：

• 静态定位：staitc，将元素放在文档布局流中的正常位置
• 相对定位：可以修改最终位置，可以与其他元素重叠
• 绝对定位：position：absolute；

• 固定定位：fixed

1. z-index
2. position：sticky：相对位置和固定位置的混合体。

二：样式优先级

1. 样式冲突：不同选择器对一个属性做定义，产生样式冲突。按照优先级排序，优先级高的优先。
2. 样式优先级：内联样式>内部样式>外部样式>浏览器默认样式。
3. 选择器优先级：id选择器，class选择器，元素选择器
4. 重复定义样式，靠后者适配。
5. 改变优先级：在css属性值后加！important则优先级升高。

三：BOM

1. windows对象：Bom的核心。
2. loction:浏览器地址栏对象。
3. history：浏览器历史记录。

四：浏览器弹窗：

1. 提示框：window.alert()方法
2. 输入框：window.prompt()方法
3. 确认框：window.confirm

五：计时器方法

1. setTimeout(函数名，间隔毫秒数)：几秒后执行一次
2. setInterval(函数名，间隔毫秒数)：每隔几秒执行一次
3. clearTimeout(计时器对象名)：清除定时器
4. clearTimeoutl(计时器对象名)：清除定时器

六。 document方法

1. document.getElementsByClassName():返回文档中所有指定类名的元素集合，作为 NodeList
2. document.getElementById():返回对拥有指定 id 的第一个对象的引用。
3. document.getElementsByName():返回带有指定名称的对象集合。
4. document.getElementsByTagName():回带有指定标签名的对象集合。
5. document.querySelector()：返回匹配该选择器的元素节点。
6. document.querySelectorAll():返回一个数组

心得体会

学习了定位和优先级以后对css运用有了更多的认识和了解，还有BOM等也让我学习了很多新的点，受益匪浅。