我正在做一个项目，为我的 CS 205 课程建立一个网站。我已经使用 notepad++ 制作 html 文件，使用记事本制作 css 文件。我的网站有一个 home/index.html 页面以及 5 个其他内容页面。我所做的是在 notepad++ 中创建每个页面，每个页面都有自己的 css 文件。
我遇到的问题是它必须有 1 个 css 文件，可以在您的网站上保持一致的外观/或将所有页面链接到同一个 css 外部文件。我不完全确定这两个意思是否相同，这就是我列出它们的原因。
我已经在每个 html 页面中都有一个链接到其 css 文件的样式表。但是我必须为整个站点创建一个 css 文件。我可以将每个 css 文件复制并粘贴到一个文件中而不改变每个页面的外观吗？如果有人能解释我是如何做到这一点的，而不会弄乱我对每个页面的设置，我将不胜感激。
让您的所有样式在整个网站上保持一致是理想的。要做到这一点，你有一个样式表，并使用所有网页链接到它<link>的标签<head>。
尽可能多地重用 CSS 是一个很好的做法，它会在未来节省您的时间，这有点像样式表与内联样式的目标。
要回答您的问题，是的，您可以将我们所有的样式表组合成一个样式表，前提是您没有任何重复的类名。请注意，在我的示例中，我如何将 a.class-for-index用于index.html但不page.html用于.class-for-page.
style.css（包含所有类的单个样式表）
body {
background-color: cyan;
}
.class-for-index {
color: red;
}
.class-for-page {
color: blue;
}
index.html（链接到单个样式表）
<html>
<head>
<link href="styles.css" rel="stylesheet">
</head>
<body class="class-for-index">
Page 1
</body>
</html>
page.html（链接到单个样式表）
<html>
<head>
<link href="styles.css" rel="stylesheet">
</head>
<body class="class-for-page">
Page 2
</body>
</html>
小智 0
我认为要创建一个 css 文件并将其链接到所有页面。您也可以创建多个 css 文件，但一个 css 文件很容易维护，一旦您的 index.html 加载，该 css 文件就会缓存在浏览器中。