怎样使用浏览器查看网页HTML和CSS源代码

html-css017

怎样使用浏览器查看网页HTML和CSS源代码,第1张

整体简介:

使用浏览器的查看网页源代码功能可以查看当前页面的HTML和CSS源代码

工具原料:

IE,360极速浏览器,或任一一款浏览器均可

解决方法:

以360极速浏览器为例

打开任意一网站页面,然后在页面的空白处右击,在弹出的菜单中选择查看源代码

在新打开的源代码页面中可以看见CSS文件的引用。

点击该CSS文件的链接就可以打开CSS文件进行查看。

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

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

正常 在head标签里面 有这样的 代码 表示调用这些/css/base.css 在这路径前面加他的网址 就可以看到他的css样式

CSS文件是无法独立运行的,必须与HTML的代码配合起来才能看到效果的,CSS就是对HTML文件进行样式控制的(包含长,宽,高,色,字体大小等)。查看CSS的文件最简单的可以使用文本编辑器查看。CSS的应用可以分为两种,一种是直接写在HTML的代码内,如下例:(通常在之间)

此CSS样式格式了页面字体为红色的,字体大小为9 pt。还有一种是采用引用的方式,如下例:(通常在之间)

上面的两种最终是效果是一样的,如果CSS的样式比例多,可以使用引用的方式,以防过多的CSS代码增加页面的大小与阅读的可读性。

CSS即Cascading Style Sheet(级联样式单)的缩写,又常称这为风格样式单Style Sheet,顾名思义,是用来进行网页风格设计的。比如,想让链接字未点击时是蓝色的,当鼠标移上去后字变成红色的且有下划线,这就是一种风格。通过设立样式表,可以统一地控制HMTL中各标志的显示属性。