谷歌工具查看CSS代码定义的位置

谷歌工具查看CSS代码定义的位置属于前端实例代码，有关更多实例代码大家可以查看。

通过谷歌开发者工具可以非常方便的调试前端代码。

通过右击指定元素，然后点击检查菜单，可以查看应用到指定元素上的CSS代码。

图示如下：

然后在后侧可以查看对应的CSS代码：

查看代码是否有不妥之处，如果有，则进行修改（当然首先要找到这些CSS代码定义在何处）。

一.定义在元素内部：

如果CSS代码定义在元素内部，那么会以element.style方式在谷歌开发中展现：

二.定义在外部样式表：

在CSS代码的后部会有相应的样式表名称，并标注了当前代码所在的行。

三.定义在内部样式表：

定义在内部样式表和定义在外部CSS文件类似，会在相应CSS代码后部有标注：