初学者,如何在与HTML文件不同的文件中添加CSS?

时间:2018-06-10 21:20:37

标签: html css web

一点菜鸟,但我会刺伤。

我的大部分编码都使用了SoloLearn,因此CSS是嵌入到文件中的标签,我们无法看到它。那么..如何命名css文件,如何将其指向同一文件夹中的html文件?

提前致谢。

3 个答案:

答案 0 :(得分:4)

创建一个名为styles.css

的文件

使用

导入html文档头部的文件
<head>
   <link href="styles.css" rel="stylesheet" />
   <title>Title</title>
</head>

答案 1 :(得分:1)

要将CSS文件连接到HTML文件,您可以使用此示例:

<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href="styles.css">
</head>
<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

因此,您要通过此行将HTML文件指向HTML

<link rel="stylesheet" href="styles.css">
head

中的

答案 2 :(得分:1)

您可以随意调用它,但是在HTML中包含指向它的链接,而不是将其指向HTML。如果你把它命名为“style.css”,你的HTML就会这样开始:

<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href="styles.css">