如何根据控制台提示的路径找到相应的css样式

html-css046

如何根据控制台提示的路径找到相应的css样式,第1张

最简单找到页面上展示的元素样式:

打开控制台,左上角有一个箭头 ,点击它,再点击你想看样式的元素,可以看到对应的样式。

如果你觉得少了,你就打开控制台的sources,在里面找到css文件,复制出来,搜索对应的类名id名就行了。

1、首先在电脑中打开一个需要获取CSS数据的网页。

2、在网页的空白处点击鼠标右键,选择“审查元素”的选项。

3、点击后在页面的下方会打开一个网页元素代码窗口。

4、在该窗口的右侧小窗口可以点击“style”,其中就是需要的CSS代码了。

有3种方式:

分别如下:

1--行间样式表(内联样式)

<div style="……"></div>

2--内部样式表

<style>

选择器{属性:属性值}

</style>

3--外部样式表

<link href="style.css" rel="stylesheet“ type=“text/css”/>