php页面 如何引用外部css

html-css024

php页面 如何引用外部css,第1张

PHP的页面最终生成的也是HTML的代码,调用外部的CSS和本地CSS基本相同。

引用外部CSS主要使用的是LINK标签,在HREF中写入需要应用的地址即可

例如:

<link href="外部绝对地址/样式表.css" type="text/css" rel="sheet">

1、首先我们我们新建一个记事本,并将记事本的名字改为“引入外部css文件和外部js文件.html”,并回车键确定,以使文件转化为浏览器可以打开的html网页文件。

2、我们编写一个html5的声明标签— <!DOCTYPE html>, 以使浏览器能认识到我们的文档是一个html5的文件,这样就可以快速的正确解读,以提高浏览的体验。

3、我们写一个<title>的标签,将网页的题目写入进去,让网页的标题显示为“引入外部css文件和外部js文件”。

4、我们用<meta>标签设置字符的编码格式为:UTF-8,以使浏览器能够正确的显示我们的网页。

5、我们写一个<body>标签,用来包含网页的主体部分。

6、我们写几个标签以便在外部css文件样式表中,为其设置样式。

7、我们新建一个css文件,把txt的文件后缀名改为css即可,之后打开就可以写入css代码了。

8、我们用标签选择器为<p>标签、<div>标签和<span>标签的内容设置样式。

9、我们使用,<link>标签将我们编写的css文件样式表文件其引入到我们当前的html文件中来。

10、我们鼠标右击在弹出的下拉菜单中,我们选择“在浏览器中打开”这一项。

11、我们看到我们编写的样式被应用到了标签中文字上,说明我们的css外部样式表文件引入成功。

根据你的需要,有两种方法,

1)直接用浏览器的保存功能,比如IE, Chrome菜单里都有”另存为“或”另存为网页“的项目,然后保存到你硬盘上,注意如果有选项的话,要选”保存全部网页(元素)“之类的勾上。这样你在本地硬盘上的对应目录里找这些css文件就可以了。

2)如果仅仅需要某一个css文件,用Chrome浏览器打开网站,然后按下F12打开开发者工具,在Elements选项卡下,找到你需要下载的那个css链接的条目,点鼠标右键,选择"open link in new tab",如图:

然后就会用浏览器打开这个css的文本,你想全选保存也可以,只是查看也可以,