1

次のような HTML があります。

<div id="footer">
    <p> Copyright 2013 </p>
</div>

そして、次のような CSS:

#footer {
    clear: both;
    position: relative;
    width: 980px;
    font-size: 0.85em;
    text-align: center;
    margin: 0 auto;
    padding: 20px 0 0 0;
    border-top: 1px solid #E9E6D9;
}

テキストに<p>Arial フォントを使用したいのですが、#footer にフォントを追加するのではなく、サイト内のすべてのテキスト (特定のフォントが割り当てられていない) に Arial フォントを汎用的に使用したいと考えています。

どうすればそれを達成できますか？を追加しようとしました* { font-family:arial; }が、役に立ちませんでした...

- - - - - - - - - アップデート

ここに私が持っているものがあります:

body {
font-size: 11px;
font-family: Arial,Helvetica,Verdana,Sans-serif;
color: black;
font-weight: normal;
}

#footer {
    clear: both;
    position: relative;
    width:980px;
    font-size: 0.85em;
    text-align: center;
    margin: 0 auto;
    padding: 20px 0 0 0;
    border-top: 1px solid #E9E6D9;
}

しかし、フッターはボディのスタイルを継承せずにまだ出てきます... :(

4

3 に答える 3

3

そのルールをbody

body {
    font-family: arial;
}

次に、他の要素はそれをオーバーライドできます。

.someClass {
    font-family: verdana;
}
于 2013-01-03T21:18:13.810 に答える
1

styleCSS に無効なタグがあります。

それを削除すると、特にフォントの問題が解決されます。

jsfiddle

于 2013-01-03T23:17:32.040 に答える
1

そのようなもので、本文でフォントを宣言できます。

body {
    font: 16px/18px Arial, sans-serif;
}

サイトのすべてのフォントのサイズ、行の高さ、およびフォントを設定します。

于 2013-01-03T21:19:08.510 に答える