0

私は Web 開発の初心者で、現在 HTML と CSS を学んでいます。私は Firefox 18 を使用しており、ブラウザーのヘッダーの近くにメニュー バーを配置したいと考えています (Facebook の青いメニュー バーによく似ています)。

メニュー バーを作成しましたが、配置に問題があります。私の質問: 1. メニュー バーが Firefox にぴったり収まるように、上、右、左のスペースを減らすにはどうすればよいですか? パディングを試みましたが、メニュー バーのアイテム間のスペースのみが変更され、バーの配​​置方法は変更されません。2. ブラウザのサイズを変更すると、バーの表示方法に影響がありますか? それはブラウザーのプロパティですか、それとも私が書いたコードからメニュー バーのサイズを変更できますか?

ありがとう！

4

3 に答える 3

1

Web 開発者 ステップ 1: Firebugと Chrome の開発者ツール機能 [F12]に親しみを持ってください。これらのツールを使用すると、問題の原因となっているスタイルが適用されている要素をすばやく確認できます。次に、ページに変更を加えて、修正をテストできます。

于 2013-01-23T18:53:37.763 に答える
1

追加する必要があります

* { margin: 0; padding: 0; }

あなたのCSSの一番上に

- - また - -

リセットを使う

スタイルシートをリセットする目的は、デフォルトの行の高さ、余白、見出しのフォント サイズなどにおけるブラウザーの不一致を減らすことです。

http://meyerweb.com/eric/tools/css/reset/

于 2013-01-23T18:57:46.243 に答える
1

おそらくブラウザのデフォルトのスタイリングで問題が発生している可能性があるため、reset.cssまたはnormalize.cssをグーグルで検索する必要があると思います。Eric Meyer の 1 つが非常に人気があり、 http://meyerweb.com/eric/tools/css/reset/で見つけることができますが、他にも利用可能なものがあります。

これにより、ブラウザがデフォルトで適用するすべてのスタイルが削除されます。今後作成するすべてのページにこれを含めて、すべてのブラウザーでスタイルを統一することをお勧めします。私はそれなしでは行きません！

于 2013-01-23T18:59:40.987 に答える