张婷_20210114张婷

知识点总结

一:定位(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等也让我学习了很多新的点,受益匪浅。

标签

评论

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