DevTools 样式调试入门：Styles、Computed 与 Box Model | CSS

本章覆盖：Elements 面板；Styles pane；matched rules；user agent stylesheet；被划掉的 declaration；Computed pane；inherited styles；Box Model inspector；临时修改属性；查看规则来源文件与行号；从“颜色没生效”定位到 selector / cascade / invalid value；从“尺寸不对”定位到 box model。

本章知识点

  • Elements 面板
  • Styles pane
  • matched rules
  • user agent stylesheet
  • 被划掉的 declaration
  • Computed pane
  • inherited styles
  • Box Model inspector
  • 临时修改属性
  • 查看规则来源文件与行号
  • 从“颜色没生效”定位到 selector / cascade / invalid value
  • 从“尺寸不对”定位到 box model