要在HTML中使用CSS文件,您需要按照以下步骤创建和导入CSS文件:
- 在计算机上选择一个文件夹,并在其中创建一个新的文本文件。将文件命名为 ‘style.css’(或者您可以给它任何名称,只要您记得它即可)。
- 打开 ‘style.css’ 文件,并添加您想要应用于网页的CSS代码。例如,您可以在文件中添加以下代码来设置所有段落文本的颜色:
p { color: blue; }
- 将 ‘style.css’ 文件保存到您的项目文件夹中。请注意,您需要确保将文件保存为 ‘.css’ 格式。
- 在HTML文件的<head>标签中添加以下代码,以引用 ‘style.css’ 文件:
<link rel="stylesheet" type="text/css" href="style.css">
该代码会告诉浏览器加载 ‘style.css’ 文件,并在HTML文档中应用其中的样式规则。
- 保存并重新加载HTML文件。现在,应用了您在 ‘style.css’ 文件中定义的样式。
请注意,当您在单个项目中有多个CSS文件时,您可以使用多个<link>元素来引用它们。例如:
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" type="text/css" href="layout.css">
</head>
这将同时加载两个CSS文件,并在HTML中应用其中定义的样式规则。