Question

我刚刚开始学习CSS，并且正在关注YouTube教程Learn CSS in 12 Minutes，但是我困在4:49分钟-标题应该显示蓝色背景，而我的背景不是吗？

<head>
<title>My website</title>
<link rel="stylesheet" type="text/css" href="style.cs
</head>

在我的stle.css表上，我有：

#header {
    background-color: #66CCFF;
}

我希望在浏览器中查看时，“标题”后面的区域为蓝色。

Answer 1

您需要创建一个header tag，以使其使用CSS变为蓝色。

在CSS中，您可以通过简单地复制标签名称（此处为header，而不是#header）来将样式应用于标签，并通过以下方式将样式应用于id或class表示他们的#name（用于id）或.name（用于类）。

title标签在选项卡和程序标题中显示文本（例如here）。

您的html代码应如下所示（我关闭了link元素）：

<head>
<title>My website</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<header>My blue text</header>

还有您的CSS：

header{
    background-color: #66CCFF;
}

如果您想学习CSS，可以找到一些fantastic tutorials：）

Answer 2

尝试完全关闭链接rel = stylesheet标签，然后在正文中实际调用div id标头，然后定义标头的高度（如果其中没有任何内容，否则将无法看到它）。

正如@metaDesign所述，您应该考虑花费12分钟以上的时间来学习CSS ...

#header {
  background-color: #66CCFF;
  height: 100px;
}

<head>
  <title>My website</title>
  <link rel="stylesheet" type="text/css" href="style.css">
</head>

<body>
  <div id="header">
  
  </div>
</body>