div+css视频教程之链接到样式表上

当前位置:

首页 > 网站开发 > css >

div+css视频教程之链接到样式表上

链接到样式表上
这里是样式表功能发挥得淋漓尽致的地方。你可以将多个HTML文件都链接到一个中心样式表文件。这个外部的样式表文件将设定你所有网页的规则。如果你改变样式表文件中的额某一细节，所有页面都会随之改变。如果你维护的站点很大，则这项功能绝对会有其用武之地。

它的使用方法：产生一个普通的网页，但不使用<STYLE>规则，而是在<HEAD>内使用<LINK>标签：

<HTML> <HEAD> <TITLE>My First Stylesheet </TITLE> <LINK REL=stylesheet HREF="mystyles.css" TYPE="text/css"> </HEAD> <BODY> <H1>Stylesheets: The Tool of the Web Design Gods</H1> <P>Amaze your friends! Squash your enemies!</P> </BODY> </HTML>

(使用链接的样式表时，你无须使用注释标签。)

现在生成一个单另的文本文件，起名mystyles.css (或者其任何你喜欢的名字)。文件内容如下：

H1 { color: green; font-family: impact } P { background: yellow; font-family: courier }

如同发布HTML文件那样，将这个CSS文件发布到你的服务器中。在浏览器中观看网页时，你会发现浏览器将依照链接标签将所有链接了的HTML网页按照样式表的规则显示，在HREF属性中你可以选择使用绝对或相对URL。

栏目列表