div+css は Web ページのレイアウト技術_html/css_WEB-ITnose

以下は、作業中にまとめたいくつかのヒントであり、バックアップとして残されています、それが見る人の役に立つことを願っています~~

1, ul: ulのデフォルトのマージンとパディングは0ではありませんナビゲーションで使用される場合、左フローティング li は外部 div を拡張することが多く、ページが変形することがあります: ul{margin:0px; padding:0px;}

2. さまざまなブラウザーに関連する問題。ここでは、ie6 に表示される画像の高さは常に正確な値より大きくなければなりません。ここで次の点に注意する必要があります。 img{display:block}; 2. ページ上で大きな背景ブロックを使用しないことをお勧めします。タイル化できるものはタイル化する必要があります。タイル化しないと、起動が非常に遅くなり、将来の最適化や拡張に役立ちません。そして、background-postion を使用して背景を取得します。 3. 最適な形式は GIF 形式です。これにより、IE6 では背景が透明になり、影がなくなります。GIF 画像がギザギザになる場合があるため、Web 形式で保存し、設定して使用する必要があります。物質の値としての背景は、色の値が近いほど良いです。

3、オーバーフロー: 一部の企業の登録契約は非常に長い場合があるため、これを div のスタイルに追加できます: overflow: auto

4、float: 一部の div が、ページ上で、これはフローティングによって引き起こされている可能性があります。clear: 両方を追加できます。

5. div: 高さが 1px の div は、IE6 では 1px にならない場合があります。この div のスタイルに font-size: 1px を追加すると問題ありません。

6、ID とクラス: ページ内でスタイルが複数回使用される場合は、ID を使用せず、クラスを使用します。ID は JS 用に予約される必要があるため、スタイルに ID を使用しないことをお勧めします。

7、リンク: .link: リンク{}、.link: 訪問済み{}、.link: ホバー{}、.link: アクティブ{}。 1 つは、visited と hover の順序を逆にしてはいけないということです。そうしないと、ie6 で大きな問題が発生します。

8、CSS エンコードの問題: @charset "utf-8"; このコード行に注意してください。utf-8 と gb2312 は一般的に使用される 2 つのエンコード方法です。