所以我想设计我的联系人页面的样式，它有自己的文件，所以当你点击它时，它会把你带到一个全新的页面，我已经做到了。我只是想知道如何在不改变其他页面的情况下，在我的样式表中设计该页面的样式？我试过
内部Html
内部Css
.stylec{我放在这里的任何东西都没有样式，因为你不能将身体设置为类}
除了"是的，可以将一个CSS文件包含在另一个文件中，并且可以多次执行。此外，在主HTML文件或主CSS文件中导入多个CSS文件。这可以通过使用@import关键字来完成">
我只是想在style.css中设置联系人页面的样式，而不是在html中设置样式
我只想把它都放在我的styles.css里，这样它就干净整洁了！
谢谢你抽出时间！
您应该制作CSS的样式表，并根据类名给出样式。
示例：-
.first_body
{
background-color: lightblue;
}
.second-body
{
background-color: cyan;
}
第一个Html文件
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>1st html</title>
<link rel="stylesheet" href="styles.css">
</head>
<body class="first_body">
</body>
</html>
第二个Html文件
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>2nd html</title>
<link rel="stylesheet" href="styles.css">
</head>
<body class="second_body">
</body>
</html>
您必须在html中分配类和id。(您应该使用id而不是类来设置文档正文的样式，因为每个文档只有一个。(
例如，在您的contact.html(或联系人页面文件的名称(中，将您的body标记更改为：
<body id="contact-style">
然后在css文件中，您可以使用…为该页面指定特殊样式。。。
body#contact-style {}
您可以在花括号之间插入任何样式。若要对此进行测试，请尝试指定背景色。如果您的网站中没有其他元素具有背景色，您将立即看到此更改。
body#contact-style {background-color: red;}
好的！您的基本HTML文档如下所示；
<html>
<head>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Hello World!</h1>
<p>This is a paragraph</p>
<p class="apple">This is an apple paragraph</p>
<div class="mango">This is a mango paragraph</div>
<h1 id="cat">This is a cat paragraph</h1>
<p class="dog">This is a dog paragraph</p>
</body>
</html>
Note:
Inside the <head> tag is where you import your style.css
Use this tag to import <link rel="stylesheet" href="style.css">
The "href" is used to specify the link of your css file
css文件示例：
body{
background-color: blue;
}
h1{
color: orange;
}
.apple{
color: green;
}
.mango{
color: yellow;
}
#cat{
color: beige;
}
#dog{
color: white;
}
在body标签上为不同页面提供id属性
<head>
<link rel="stylesheet" href="style.css">
</head>
<body id="home">
....
</body>
<head>
<link rel="stylesheet" href="style.css">
</head>
<body id="contact">
....
</body>
在链接到style.css的样式表中，您可以定义所有页面的样式，并在contact页面上重新定义您想要的不同样式
h1 {
font-family: serif;
color: blue;
}
#contact h1 {
font-family: sans-serif;
color: tomato;
}