https://www.bilibili.com/video/BV1KM4y1G7EF/

内容转自【浏览器调试工具精讲】Chrome Dev Tools精讲，前端必看！

 

CSS调试 （1）_css

 

CSS调试 （1）_搜索_02

 

 

CSS调试 （1）_css_03

 橙色：外边距

蓝色：本体。

CSS调试 （1）_搜索_04

 绿色：内边距。

 

 

CTRL+ F 可以搜索

CSS调试 （1）_内边距_05

 输入某一个string

或者 css，section#someid

xpath:  //section/p

CSS调试 （1）_内边距_06

 

CSS调试 （1）_搜索_07

 

 

编辑样式

CSS调试 （1）_内边距_08

 

CSS调试 （1）_内边距_09

 

CSS调试 （1）_搜索_10

 

CSS调试 （1）_css_11

 

 

 

 

CSS调试 （1）_搜索_12