我有一个 css 失败我需要修复 [关闭]答案

【问题标题】：I have a css fail I need fix [closed]我有一个 css 失败我需要修复 [关闭]
【发布时间】：2014-03-18 03:45:41
【问题描述】：

为什么这段代码在我的电脑上不起作用？我希望我的欢迎使用 Arial 字体显示。

<h1 style="font-family: arial;"></h1>
<h1>Welcome</h1>

【问题讨论】：

标签： html css

【解决方案1】：

当您使用打开选项卡中的属性设置元素样式时，它只是应用于该元素，因此您可以使用 <h1 style="font-family: arial;">Welcome</h1> this 代替。但是如果你想对所有 h1 元素应用一个样式，你应该在 head 元素中编写样式，如下所示：

<head>
<style>
h1{
font-family: arial;
}
</style>
</head>

或在单独的 CSS 文件中。

【讨论】：

【解决方案2】：

使用这个 - 它会很容易理解将此文件保存在 home.html 中并在任何浏览器中运行。

<body>
<h1 style="font-family: arial;">Welcome</h1>
</body>

【讨论】：

【解决方案3】：

你的CSS：

h1 {
  font-family: arial;
}

和你的 html ：

<h1>Welcome</h1>

您必须在正确的标签处指定您的样式。在您的代码中，您有两个 h1 标签。如果您直接在第一个中应用样式标签，则第二个不会受到影响。如果您在我的示例中使用样式表，两者都会受到影响，因为我直接引用了所有 balsies h1 的样式。

【讨论】：

【解决方案4】：

试试这个：

<h1 style="font-family: arial;">Welcome</h1>

希望这会有所帮助。

【讨论】：

【解决方案5】：

唯一的 CSS 应用于没有文本的 h1。由于没有文字，所以看不到字体的变化。

您需要将样式属性移动到带有文本的元素：

<h1 style="font-family: arial;">Welcome</h1>

或者使用适当的样式表。

    <style>
        h1 {
            font-family: arial;
        }
    </style>
</head>
<body>
    <h1>Welcome</h1>

（首选通过 <link> 元素与 HTML 文档关联的外部样式表。

【讨论】：