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

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

 

CSS调试 (1)_内边距

 

CSS调试 (1)_css_02

 

 

CSS调试 (1)_内边距_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)_搜索_11

 

 

 

 

CSS调试 (1)_css_12