1

これが私のウェブサイトです：

http://violetoeuvre.com/

2つの質問があります。

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);何らかの理由でアルファチャネルを指定する場合に使用します。

問題＃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);

私はあなたの2番目の質問を理解しているとは完全にはわかりませんが、行間隔で遊んでいるのではありません。段落の上部のパディングと上部の余白を0に変更したいと思います。

于 2013-03-27T03:07:38.137 に答える