略解chrome自带前端调试工具各栏作用

• element栏中高亮一行末尾显示==$0，表示当前选中的为该行标签对应的元素
• 右侧styles中首个

  element.style {

  }表示内联样式，调试时可以通过直接在此输入css样式修改元素样式或者在上面的filter中输入关键字搜索对应的具体样式设置

• 上栏的filter右边有:hov表示将某个元素持续设置为hover时的样式，将显示在主页面中，便于调试在鼠标停留在某元素上方时的样式，一般使用:hover设置，比如a标签的停留时的高亮

• styles右边的computed表示使用数值表示的css样式，下方是盒模型的图示