正文

html怎么添加多个样式表

优站号
优站号 V管理员 /0 评论 /68 阅读
0315
欧意国内注册

以下是一个示例：

<!DOCTYPE html>
<html>
<head>
    <title>我的网页</title>
    <!-- 第一个样式表 -->
    <link rel="stylesheet" type="text/css" href="style1.css">
    <!-- 第二个样式表 -->
    <link rel="stylesheet" type="text/css" href="style2.css">
</head>
<body>
    <h1>欢迎来到我的网页</h1>
    <p>这是一个段落。</p>
</body>
</html>

在这个示例中，我们添加了两个样式表：style1.css和style2.css，当浏览器解析这个HTML文档时，它会按照<link>标签的顺序加载并应用这些样式表。

注意，如果两个样式表中有相同的选择器，那么后面的样式表会覆盖前面的样式表，如果style1.css中有一个选择器为h1的规则，而style2.css中也有一个选择器为h1的规则，那么style2.css中的规则会覆盖style1.css中的规则。