怎么运行及查看css文件的情况?

html-css014

怎么运行及查看css文件的情况?,第1张

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中各标志的显示属性。

查看源代码,找到代码中倒入样式表文件那段代码,可以直接找到相关路径并下载样式表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,粘贴到迅雷中进行下载,下载下来就可以通过编辑工具进行相关的修改了。

看看是不是路径的问题

你要确保这个网页的文件夹下,有个叫css的文件夹,里面有个叫autohome的文件夹

里面有个角logo.css的文件

注意这个文件的后缀是css,是不是保存为了txt,你看看图标是不是文本文件的图标;

例如下面