更正此 CSS 代码

编程


这些是说明:

打开 styles.css 文件。

为 body 元素添加一条 CSS 规则,将背景颜色设置为 #E0E0E2。

为 h1 元素添加 CSS 规则,将文本颜色设置为:#721817。

为 h2 元素添加 CSS 规则,将文本颜色设置为:#721817。

为 center-text CSS 类添加一条 CSS 规则,将文本居中对齐。

为带有 id 徽标的 HTML 元素添加 CSS 规则。 将其左右边距设置为自动,并将其显示更改为块元素。

为作为 h2 元素子级的所有 span 元素添加 CSS 规则,将文本颜色设置为 #FA9F42,并将其字体大小设置为 0.75em。

为具有 id 版权的 HTML 元素添加 CSS 规则。 将其顶部内边距设置为 12 像素,并将字体大小设置为 0.75em

CSS
body{
    background-color:#E0E0E2;
}
h1{
    color: #721817;
}
h2{
    color: #721817;
}
.center-text{
text-align: center;
}
#logo{
    margin-left: auto;
    margin-right: auto;
    display: block;
}
#span {
    color: #FA9F42;
    font-size: 0.75em;
}
#copyright {
    padding-top: 12px;
    font-size: 0.75em;
}

出现的错误如下:

xxThe 'NEW' labels within <h2> tags should have a color of '#fa9f42' 
xxThe element with the ID 'copyright' should have a font-size of 0.75em

我尝试过的:

我尝试重新输入颜色并重新输入所要求的字体大小。

解决方案3

警告:我绝对是 CSS 的初学者,但在阅读了一些内容之后,我会说选择器 span 里面有标签 h2 标签是 h2 > span。 因此,规则“为 h2 元素的子元素的所有 span 元素添加 CSS 规则,将文本颜色设置为 #FA9F42,并将其字体大小设置为 0.75em。” 将:

h2 > span {color: #FA9F42; font-size: 0.75em;}

请记住,不会选择嵌套的跨度标签。

解决方案1

这些错误准确地告诉您出了什么问题。 查看 CSS 并找到 h2 元素描述符,然后查看其属性,您会发现您没有将值设置为预期的值。

“版权”也是如此。

这是你的家庭作业,所以我不会为你纠正这个问题。 如果我这样做你就什么也学不到。

解决方案15

身体{
背景颜色:#E0E0E2;

}
h1{
颜色:#721817;
}
h2 跨度{
颜色: #721817

}
.center-文本{
文本对齐:居中;
}
#标识{
左边距:自动;
右边距:自动;
显示:块;
}

h2 > 跨度 {
颜色:#FA9F42;
字体大小:0.75em;
}
#版权{
顶部填充:12px;
字体大小:0.75em;
}

コメント

タイトルとURLをコピーしました