Question

我的段落是黑色的，即使我指定了 （支持）颜色。
哪里似乎是错误？
我如何解决它？
谢谢！的

HTML code：

<div id="welcome">
    <p>
    <center><b><em> AaBbCcDdEeFfGgHh</em></b></center>
    </p>
</div>

CSS代码：

body {
    background: -webkit-linear-gradient(left,#2e4053,#212F3C);
    background: -o-linear-gradient(left,#2e4053,#212F3C);
    background: -moz-linear-gradient(left,#2e4053,#212F3C);
    background: linear-gradient(left,#2e4053,#212F3C);
    background-color:#2e4053;
}

p{
    font-family:Noto Sans Sinhala;
    src: url('Font/NotoSansSinhala-Regular.ttf');
    font-style:     ;
    font-size:50%;
    color:#f4f6f7 !important;
    font-weight:500;
}

Answer 1

因为<!--template bindings={}--是块级元素。您不能在<center>（段落）元素中包含块级元素。这样做的原因是段落标记的细微替代语法排除了结束标记。您可以使用如下所示的段落标记进行验证：

<p>

可以在文本/ html＆＃34;＆＃34;标签省略下找到此功能的定义in the w3c documnetation。部分。因此，通常当段落标记命中块级元素时，它会假定标记已关闭。您的HTML就变成了这个：

<p>This is a paragraph element that doesn't have a closing tag.
<p>Here's another.  This is all valid HTML.

正如您所看到的，这意味着您的<div id="welcome"> <p></p> <center><b><em> AaBbCcDdEeFfGgHh</em></b></center> <p></p> </div>在技术上并不属于段落。建议您改为使用em CSS属性作为<center> is deprecated。

＆＃13;

text-align:center

＆＃13;

body {
    background: -webkit-linear-gradient(left,#2e4053,#212F3C);
    background: -o-linear-gradient(left,#2e4053,#212F3C);
    background: -moz-linear-gradient(left,#2e4053,#212F3C);
    background: linear-gradient(left,#2e4053,#212F3C);
    background-color:#2e4053;
}

p{
    font-family:Noto Sans Sinhala;
    src: url('Font/NotoSansSinhala-Regular.ttf');
    font-style:     ;
    font-size:50%;
    text-align: center;
    color:#f4f6f7;
    font-weight:500;
}

＆＃13;

Answer 2

你可以通过两种方式做到这一点。 1.try删除id = welcome。要么在css中调用id = welcome并指定（支持的）颜色。 HTML代码：

<div>
    <p>
         <center><b><em> AaBbCcDdEeFfGgHh</em></b></center>
    </p>
</div>

CSS代码：

body {
    background: -webkit-linear-gradient(left,#2e4053,#212F3C);
    background: -o-linear-gradient(left,#2e4053,#212F3C);
    background: -moz-linear-gradient(left,#2e4053,#212F3C);
    background: linear-gradient(left,#2e4053,#212F3C);
    background-color:#2e4053;

}

 p {
    font-family:Noto Sans Sinhala;
    src: url('Font/NotoSansSinhala-Regular.ttf');
    font-style:     ;
    font-size:50%;
    color:#f4f6f7 !important;
    font-weight:500;

为什么我的<p>字体变黑？

2 个答案: