一个网页如何链接两个CSS样式表?

html-css029

一个网页如何链接两个CSS样式表?,第1张

方法1、link标签加载CSS

<ol><li><p><link

href

=

"Styles/Styles1.css"

rel

=

"stylesheet"

type

="text/css"

/></p><p><link

href

=

"Styles/Styles2.css"

rel

=

"stylesheet"

type

="text/css"

/></p></ol>复制代码

方法2、在CSS文件中加载CSS

<ol><li>

@import

url(form.css)</ol>复制代码

方法3、直接在网页中加载

<ol><li><style

type="text/css">

<li>

h1{color:Bluetext-decoration:underline}

<li></style></ol>复制代码

<style type="text/css">

写第一个css

</style>

<style type="text/css">

写第二个css

</style>

写多少个都可以,有意思上的冲突也没关系,浏览器以后定义的意思为准。

直接写上去不就行了

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html charset=utf-8" />

<title>测试页面</title>

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

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

</head>

<body>

<h1>测试页面</h1>

<img src="http://www.a.com/js/index.jpg">

</body>

</html>