怎样让一个html文档调用两个css文件？_随笔

让一个html文档调用两个css文件，我们可以在<head></head>那，通过link这个标签来引用，href来链接你外部css的文件就可以，这里有段代码：

<!DOCTYPE

html>

<html>

<head>

<meta

charset="UTF-8">

<title>index</title>

<link

rel='stylesheet'

type='text/css'

href='./css/index1.css'>

<link

rel='stylesheet'

type='text/css'

href='./css/shop.css'>

通过这个来设置就可以了，就可以引用外部的文件了。

CSS样式的引用方式有三种：行间样式表、内部样式表、外部样式表。

嵌套多个css样式需要使用外部样式表，所以这里就不详细介绍了。

外部样式表是CSS应用中最好的一中形式，它将CSS样式代码单独放在一个外部文件中，再由网页进行调用。多个网页可以调用一个样式文件表，这样能够实现代码的最大限度的重用及网站文件的最优化配置，格式如下

<html>

<head>

<title>外部样式表</title>

</head>

<body>

<h1>我的CSS样式。</h1>

</body>

</html>

在style.css中的代码为

h1{font-size:12px

color:#000FFF

}

我们在<head>中使用了<link>标签来调用外部样式表文件。将link指定为stylesheet方式，并使用了href="style.css"指明样式表文件的路径便可将该页面应用到在style.css中定义的样式。

要嵌入多个样式表，需要多调用几次，例如：

欢迎分享，转载请注明来源：内存溢出

怎样让一个html文档调用两个css文件？