Question

我正在编写我的第一个网站，我想将所有CSS都放在一个文档中。我不想让一页的样式干扰另一页的样式。我该怎么做？

Answer 1

然后仅对所需元素进行样式设置，但如果您最有可能制作两个以上的页面，则需要多个样式页面。

Answer 2

只需将所有不同的css文件添加到您的HTML（head）中：

<link rel='stylesheet' type='text/css' href='normalize.css' />
<link rel='stylesheet' type='text/css' href='styles_1.css' />
<link rel='stylesheet' type='text/css' href='styles_2.css' />
...

并在将来使用一些工具将所有css文件组合在一起进行分发。保留分离的css用于开发，易于管理和工作。

Answer 3

Create one CSS file name . for example mystyle.css
And use below code to link that CSS file.
<link href="./mystyle.css" rel="stylesheet">

index.html
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="./mystyle.css">
</head>
<body>

<h1 class="header">This is a heading</h1>
<p class="paragraph">This is a paragraph.</p>

</body>
</html>



the mystyle.css file looks like
.header{
//your style here
}
.paragraph{
//your style here
}

如何将所有CSS放在一个文档中？

3 个答案: