前端基础-CSS网页调试

网页调试（重点）

开发者工具对于开发者来说特别重要，只要你开发你就离不开它。一定要学会使用

作用：调试代码 检测代码的！！

在网页中点击右键，选择（审查元素/查看元素/检查）或者按F12，在右侧或下面会打开一个窗口，窗口最左边是查看html的结构，network是查看网页的http请求加载，console是控制台，查看网页中打印的信息，也可以自己写调试代码，source中是网页的所有资源。

在结构中点击标签，会在右侧显示对应的css。如果写错了，可以看到css样式中有一条横线，表明样式未生效。

netwrok中会看到http请求的次数，以及加载的资源。

主要掌握elements这个面板 右侧的style就是当前标签对应的css样式 我们可以通过这个来检查代码错误和调试代码！！