检查模式与“实时”视图一起使用有助于快速识别 HTML 元素及其关联的 CSS 样式。打开检查模式后，将鼠标悬停在页面上的元素上方即可查看任何块级元素的 CSS 盒模型属性。
除了在检查模式下能见到盒模型的可视化表示形式外，将鼠标悬停在“文档”窗口中的元素上方时也可以使用“CSS 样式”面板。在当前模式下打开“CSS 样式”面板，并将鼠标悬停在页面上的元素上方时，“CSS 样式”面板中的规则和属性将自动更新，以显示该元素的规则和属性。此外，与您将鼠标悬停其上的元素关联的任何视图或面板（例如“代码”视图、标签选择器、属性检查器等等）也会更新。
在“文档”窗口中打开文档后，单击“检查”按钮（“文档”工具栏中““实时”视图”按钮旁）。
注：如果尚未进入“实时”视图，则检查模式将自动启用该视图。将鼠标悬停在页面上的元素上方以查看 CSS 盒模型。检查模式对边框、边距、填充和内容高亮显示不同颜色。
（可选）按计算机键盘上的左箭头键，以高亮显示当前高亮显示的元素的父级。按右箭头键恢复对子元素进行高亮显示。
（可选）单击某个元素以锁定高亮显示的部分。
注：单击某个元素以锁定高亮显示的部分将关闭检查模式。
