Question

为什么这段代码不能在我的电脑上运行？我希望我的欢迎会以Arial字体显示。

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

Answer 1

唯一的CSS适用于没有文字的h1。由于它没有文字，因此无法看到字体的变化。

您需要将style属性移动到包含text：

的元素

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

或使用合适的样式表。

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

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

Answer 2

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

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

或单独的CSS文件。

Answer 3

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

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

Answer 4

试试这个：

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

希望这有帮助。

Answer 5

你的css：

h1 {
  font-family: arial;
}

和你的html：

<h1>Welcome</h1>

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