打开 Chrome 浏览器的开发者工具 .. 然后选择 Elements 这个选项卡 ... 这里左边就是页面上显示一些元素 .. 右边是跟这个元素对应的一些东西 ..

在左边儿这里，你可以选择想要查看样式的元素 .. 鼠标移动到这个元素上的时候，在页面上会高亮显示这个元素 .. 点击可以选中它 .. 然后在右边会显示在这个元素上使用的一些东西 ...

这里又分成了几个选择卡 .. 默认是 Styles .. 也就是应用在元素上的样式 .. 这里还有 Computed，计算出来的值 .. Event Listeners ，事件的监听器等等 ..

我们暂时先关注一下这个 Styles 选项卡 ..

在这个开发者工具有个箭头图标，点一下这个东西，然后可以直接在页面上去选择想要查看的元素 ..

或者也可以右键点击想要查看的元素，然后选择检查 .. 同样可以选择这个元素 ..