gpt4 book ai didi

html - 我的一个 CSS 类没有任何效果

转载 作者:行者123 更新时间:2023-11-28 10:30:33 25 4
gpt4 key购买 nike

我有两个 header ,一个带有 class="mainHeader" , 另一个是 class="subHeader" .我试图通过使用 <div class="header"> 将这两个包含在另一个类中事先(当然还有一个</div>)。但是在我链接的 CSS 文件中,当我尝试执行 .header { /* styling */ } 时,无论我在其中放入什么,当我打开 HTML 文件时都没有任何变化。

这是我的文件:

<!DOCTYPE css>

.header {
font-family: Roboto, serif;
text-align: center;
color: Black;
}

.mainHeader {
font-size: 28px;
font-weight: 900;
line-height: 1.5em;
padding-top: 20px;
}

.subHeader {
font-size: 14px;
line-height: 0em;
word-spacing: 0.25em;
padding-bottom: 100px;
}
<!DOCTYPE html>

<html>

<head>
<link href="WSDS-css.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Roboto:100" type="text/css" rel="stylesheet">
<title>Temp title</title>
</head>

<body>
<div class="header">
<h1 class="mainHeader">Temp main heading</h1>
<h2 class="subHeader">Temp sub-heading</h2>
</div>
</body>

</html>

正如您在运行时看到的那样,没有使用“.header”中的任何样式。我对此还是很陌生,所以请理解这是否是一个简单的修复!

最佳答案

您没有为 CSS 文件定义文档类型,删除 <!DOCTYPE css> .

.header {
font-family: Roboto, serif;
text-align: center;
color: Black;
}

.mainHeader {
font-size: 28px;
font-weight: 900;
line-height: 1.5em;
padding-top: 20px;
}

.subHeader {
font-size: 14px;
line-height: 0em;
word-spacing: 0.25em;
padding-bottom: 100px;
}
<!DOCTYPE html>
<html>

<head>
<link href="WSDS-css.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Roboto:100" type="text/css" rel="stylesheet">
<title>Temp title</title>
</head>

<body>
<div class="header">
<h1 class="mainHeader">Temp main heading</h1>
<h2 class="subHeader">Temp sub-heading</h2>
</div>
</body>

</html>

关于html - 我的一个 CSS 类没有任何效果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45174101/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com