我无法使用某些代码编辑器对齐我的网页标题，但它适用于其他代码编辑器，我的代码有问题吗？

Question

这是示例代码(HTML):

<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" href="The_secondweb.css">
        <meta charset="utf-8">
        <title><!-- There will be a title --></title>
    </head>
    <body>
        <h1 class="title">Welcome to this website</h1>
    </body>
</html>

这是我在 CSS 中所做的：

#title{
    text-align: center;
}

问题：

当我不使用 id 属性时，文本不会与中心对齐，但是当我不使用 id 属性时，代码会执行它应该执行的操作。我是不是在使用 id 属性时做错了什么，或者我们不能使用任何属性将文本对齐到中心，我们应该在 CSS?

中命名标签

Answer 1

在 CSS 中使用 # 是 id 选择器

.title{
    text-align: center;
}

当您使用类

Answer 2

当您使用 class 时，您必须使用“.”而“#”用于 id 的情况。

您还可以在 html 中使用内联样式来实现，如下所示：

<html>
    <head>
        <link rel="stylesheet" href="The_secondweb.css">
        <meta charset="utf-8">
        <title><!-- There will be a title --></title>
    </head>
    <body>
        <h1 style="text-align: center;">Welcome to this website</h1>
    </body>
</html>

我无法使用某些代码编辑器对齐我的网页标题，但它适用于其他代码编辑器，我的代码有问题吗？

I am not able to align the heading of my Web Page using some code editors but it works for other code editors, is something wrong in my code?

html

css

attributes