0

免責事項：ナビにスプライトを使用する必要があることはわかっていますが、画像でスプライトを動作させることができませんでした。はい、私が今持っているものが悪い代用品であることはわかっています。私のサイトは非常に初期の段階にあり、私はコーディングにまったく慣れていないため、サイトの現在の状態を判断しないでください.

私のコードを見て、理由を教えてください

  1. ヘッダーの周りに白い境界線があります
  2. フォントが想定どおりに表示されません。

どうもありがとう！

ウェブサイト: http://www.philecialabounty.com/KVS2/index.html

Roboto-Thin フォントは次のようになります: http://www.fontsquirrel.com/fonts/roboto

4

2 に答える 2

0

ボーダーに関しては、ボディはブラウザーのデフォルトのマージン + ボディのパディングを使用しています。CSS リセット ファイルを調べます。または、定型文を確認するか、body にマージン/パディング 0 を割り当てます。

フォントが正しく表示されないということですが、css の宣言的なフォント ファミリで Web セーフ フォントのみを使用できますか。より良いフォントを使用したい場合は、Google フォントまたは cufon を検索してください (私は通常これを使用します)。

于 2013-07-31T15:01:32.717 に答える
0

@hendr1x が示唆するように、パディング/マージンの理由は、すべてのブラウザがいくつかの非常に基本的な基本プロパティに使用する独自のデフォルトスタイルシートを持っているためです。さまざまな Web サイトで使用されているスタイルシートを調べてみると、 という名前reset.cssのものに出くわすことがよくあります。これは、上記の問題により、ブラウザ間で基本的なスタイルが一貫していることを保証する単純なスタイルシートです。したがって、スタイリングの問題が多くのブラウザーによって設定された本文のパディング/マージンのみである場合は、次を追加するだけです。

body {
   margin:0;
   padding:0;
}

あなたのstylesheet.css. または、Google で reset.css ファイルを検索することもできます。

「フォントが適切に表示されない」ということについて、あなたが何を意味しているのかが少し不明確です。レンダリングが不十分であることを意味します (つまり、鮮明でない/ギザギザ/貧弱に見えます)。あなたが Windows Chrome ユーザーなら、多くの人と同じように、フォントのレンダリングがいかに貧弱であるかにぶつかっただけです。Chrome の市場シェアが非常に高いことを念頭に置いて、フォントの選択を再考し、Chrome に適したものを見つける必要があります。Firefox ユーザーとして、Gecko でのフォント レンダリングに関する問題はほとんど、またはまったくありませんが、レガシー IE と Chrome では問題がよく見つかります。Google Web-Fontsは Web セーフ フォントの優れたリソースですが、それでも Chrome の問題は依然として蔓延していることに注意してください。

また: なぜ<center>タグを付けているのですか? 何もしていないようで、HTML5 仕様にもありません。削除することをお勧めします。

于 2013-07-31T15:19:16.540 に答える