Question

我正在尝试引用

/* background color */
body
{
    background: FCFFD1;
}

/* h1 color */
h1
{
    color: purple;
}

在我的HTML文档中。这是一个单独的.css文件作为外部样式表。

我想把它放进去：

<body class="body">
<center><h1>ACME PRODUCTS</h1></center>

我不确定我做错了什么。

Answer 1

首先需要为CSS创建一个样式表，然后保存它，例如style.css中。完成后，在HTML文档的<head></head>标记内添加以下代码：

<link rel="stylesheet" type="text/css" href="style.css">

HTML文档中的最终代码应如下所示：

<html>

<head>

<link rel="stylesheet" type="text/css" href="style.css">

</head>

<body class="body">

     <center><h1>ACME PRODUCTS</h1></center>

</body>

</html>

Answer 2

在头标记中使用此标记：<link rel="stylesheet" type="text/css" href="name.css">

Answer 3

您应该查看CSS selectors。

在您的示例代码中，您为body HTML标记指定了类，但您从未在CSS中调用它（请注意，类被引用为＆＃34; .body＆＃34;）。因此，这里不需要body标签上的类属性。你也应该使用＆＃34; background-color＆＃34;而不仅仅是＆＃34;背景＆＃34;。请检查此examples。

最后检查this example以了解如何将CSS与HTML相关联。

我按如下方式编辑您的代码：

/* background color */
body
{
    background-color: #FCFFD1;
}

/* h1 color */
h1
{
    color: purple;
}

和

<head>
    <link rel="stylesheet" type="text/css" href="theme.css">
</head>
<body>
    <center><h1>ACME PRODUCTS</h1></center>

在HTML中引用CSS

3 个答案: