如何查找网站中的html对应的css文件？怎么进行修改？

html-css021

如何查找网站中的html对应的css文件？怎么进行修改？,第1张

查看源代码，找到代码中倒入样式表文件那段代码，可以直接找到相关路径并下载样式表css文件；

1.在网站页面上单机鼠标右键，点击查看源代码；

2.然后在源代码中就会发现类似于下面这样的代码，一般是在最上面<head>标签里面：

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

3.href后面的.css文件就是你要的样式表文件；

4.把href中的文件前面加上网页路径，如：http://www.XXXX.com/css/style.css,粘贴到迅雷中进行下载，下载下来就可以通过编辑工具进行相关的修改了。

来回答下吧，可以从两处地方去查询；

打开网站，按f12打开开发者，接着随便点一下开发者工具的面板，ctrl+f查找“link”

<link rel="stylesheet" href="http://www.xxxxxxx/images/all.css" />

href后面的的就是css根目录下的位置

另外一处就是查询具体的css样式在css文件的哪一行上，同样点开开发者工具，点开左上角那个鼠标箭头，然后指向你需要了解的class位置，然后可以看到定位到了这个位置，这个样式的位置表示在all.css文件下的第二行

鼠标悬停在这个all.css:2的时候也能看到具体的位置

CSS文件是无法独立运行的，必须与HTML的代码配合起来才能看到效果的，CSS就是对HTML文件进行样式控制的（包含长，宽，高，色，字体大小等）。查看CSS的文件最简单的可以使用文本编辑器查看。CSS的应用可以分为两种，一种是直接写在HTML的代码内，如下例：（通常在<head></head>之间）<style type="text/css"><!-- body{color=redfont-size=9pt}--></style>此CSS样式格式了页面字体为红色的，字体大小为9 pt。还有一种是采用引用的方式，如下例：（通常在<head></head>之间）<LINK REL=stylesheet HREF="**.css" TYPE="text/css">上面的两种最终是效果是一样的，如果CSS的样式比例多，可以使用引用的方式，以防过多的CSS代码增加页面的大小与阅读的可读性。CSS即Cascading Style Sheet(级联样式单)的缩写，我们又常称这为风格样式单Style Sheet，顾名思义，是用来进行网页风格设计的。比如，我想让我的链接字未点击时是蓝色的，当鼠标移上去后字变成红色的且有下划线，这就是一种风格。通过设立样式表，我们可以统一地控制HMTL中各标志的显示属性。