Question

无论出于何种原因，我的页面的HTML和CSS都不会链接。 CSS位于同一目录中。我通过验证器运行了页面，没有出现任何问题，所以没有理由这不起作用？我不是傻瓜，从来没有遇到过这个问题，所以我很困惑。它没有效果。

maintext {
    font-family: 'Oswald';
    font-size: 36px;
    text-align: center;
}

h3 {
    font-family: 'Oswald';
    text-align: center;
}

logo {
    text-align: center;
}

<!DOCTYPE html>
<html>
<head>
    <title>UnleashedMC | Join Us!</title>
    <link rel="stylesheet" type="text/css" href="howtojoin.css" />
    <link href='http://fonts.googleapis.com/css?family=Oswald:400,700,300' rel='stylesheet' type='text/css' />
</head>
<body>
   <!-- Main content area -->
    <div id="container">
        <div id="logo">
            <img src="images/logomedium.png" alt="">
        </div>
        <div id="maintext">
            <p>Join us at ulmc.net</p>
            <p>Don't know how to join? Read below!</p>
        </div>
    </div>
</body>
</html>

Answer 1

您必须在名称前使用#作为ID（或类.）。

#maintext {
    font-family: 'Oswald';
    font-size: 36px;
    text-align: center;
}

h3 {
    font-family: 'Oswald';
    text-align: center;
}

#logo {
    text-align: center;
}

Answer 2

<!DOCTYPE html>
<html>
<head>
    <title>UnleashedMC | Join Us!</title>
 <link href='http://fonts.googleapis.com/css?family=Oswald:400,700,300' rel='stylesheet' type='text/css' />
    <link rel="stylesheet" type="text/css" href="howtojoin.css" />

</head>
<body>
   <!-- Main content area -->
    <div id="container">
        <div id="logo">
            <img src="images/logomedium.png" alt="">
        </div>
        <div id="maintext">
            <p>Join us at ulmc.net</p>
            <p>Don't know how to join? Read below!</p>
        </div>
    </div>
</body>
</html>



#maintext {
    font-family: 'Oswald';
    font-size: 36px;
    text-align: center;
}

h3 {
    font-family: 'Oswald';
    text-align: center;
}

#logo {
    text-align: center;
}

这肯定会起作用....你已经把字体放在css之后，它应该在css之前。查看实时https://jsfiddle.net/subodh_saraswat/4ocpjL1v/1/

HTML和CSS没有链接在一起

2 个答案: