Question

这是我的网站：

我有两个问题。

1。我无法弄清楚为什么侧边栏导航中的文字不是黑色的！它反而是蓝色。

#side_wrapper_text a:link{
        font-family: 'Playfair Display', sans-serif;
        font-size: 32px;
        font-style: italic;
        font-weight: 100; 
        color:rgba (255,255,255,1);
        text-decoration: none; 
        text-align: right;
        letter-spacing:0.2em;

}

2。我希望文本在其框的顶部完全对齐，我无法弄清楚为什么它不会自动执行。我尝试使用行间距选项无济于事。

/* CONTENT ********************************************************/

.content_wrapper {
    float: left; 
    width: 980px;
    margin-left: 15px;
    margin-top: 45px;

}
/* Photo Box on Home Page ************************/

.home_photo { 
        display:block;
        height: 400px;
        background: rgba(0,0,255, .5);

}

/* Text Box on Home Page */

.home_text{ 
        display:block;
        float: left;
        background: rgba(255,100,255,.5);
        height: 190px;
        text-align: left;
}

/* WRITING ***************************************/

.home_writing {
    display: block;
    background: rgba(50,50,50,.5);
    height: 1000px;
    text-align: left;
}

谢谢！

Answer 1

对于问题＃1，删除“rgba”和以下括号之间的空格，即color: rgba(255,255,255,1)。

在Chrome 25中，这使得颜色变为白色，而不是黑色（预期）。如果您想要黑色，只需使用color: #000;或color: rbga(0,0,0,1);，如果您想出于某种原因指定Alpha通道。

对于问题＃2：段落<p>标签的边距大约为1em，由浏览器的默认样式表设置。将其设置为零（或其他值）以进行修改。

示例：

P { margin: 0; }

您可能还会考虑使用reset stylesheet来规范浏览器的行为并重置浏览器默认样式表设置的许多样式。

或者至少将所有填充/边距重置为零（这解决了许多常见问题）：

* { padding: 0; margin: 0; }

Answer 2

尝试更改此行

color:rgba (255,255,255,1);

到此：

color: #000000;

Answer 3

对于文本颜色，请删除'rgba'之后的空格：

color:rgba(255,255,255,1);

我不完全确定我理解你的第二个问题，而不是玩线间距。我认为您希望将段落的顶部填充和上边距更改为0.

为什么我的class id标签不起作用？

3 个答案: