1

这是我的网站：

http://violetoeuvre.com/

我有两个问题。

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;
}

谢谢！

4

3 回答 3

3

对于问题 #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; }

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

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

* { padding: 0; margin: 0; }
于 2013-03-27T03:09:54.293 回答
1

尝试更改此行

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

对此：

color: #000000;
于 2013-03-27T03:07:26.760 回答
0

对于文本颜色，删除“rgba”后的空格：

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

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

于 2013-03-27T03:07:38.137 回答