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

html-css0101

怎样让一个html文档调用两个css文件？,第1张

让一个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'>

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

一个html文件可以调用任意多个文件名不重复的css文件，调用方式如下（称为外联式）：

<head>

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

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

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

</head>

css的使用还有另外两种方式：

嵌入式Embedding（也叫内页样式）：在网页上创建嵌入的样式表。

内联式Inline（也叫行内样式）：应用内嵌样式到各个网页元素。

需要注意优先级，优先级：内联式 > 嵌入式 > 外联式