CSS Webページレイアウトのヒント

フロントエンド Web ページ レイアウトに関するヒント:

(ビデオ チュートリアルの推奨: css ビデオ チュートリアル)

1. Mozilla の ul タグにはデフォルトでパディング値がありますが、IE ではマージンのみが値を持ちます。

2. 同じクラス セレクターはドキュメント内で繰り返し出現できますが、ID セレクターは 1 回しか出現できません。CSS 定義のラベルにはクラスと ID の両方を使用してください。定義が繰り返される場合は、ID の定義がID の重みが CLASS より大きいため、セレクターのは有効です。

3. 互換性を調整する愚かな方法 (IE と Mozilla):

初心者はこのような状況に遭遇する可能性があります: 同じラベル属性が設定されている場合、IE で同じラベル属性が表示されるのが通常です。 Mozilla では通常に表示するには B に設定する必要があり、そうでない場合は 2 つが逆になります。

一時的な解決策:

选择符{属性名:B !important;属性名:A}

4. ネストするタグのグループ間にスペースがある場合は、それを定義するのではなく、内部のタグの margin 属性に任せます。外側のラベルの

##5 と li ラベルの前のアイコンは、list-style-image の代わりに、background-image を使用することをお勧めします。

6. IE では継承関係と親子関係の違いが区別できず、どちらも継承関係です。

7. タグにセレクターを追加するときは、CSS でセレクターにコメントを追加することを忘れないでください。これを行う理由は、後で CSS を変更するときにわかります。

8. ラベルに暗い背景画像と明るいテキスト効果を設定した場合。現時点では、ラベルの背景色を暗い色に設定することをお勧めします。

9. リンクの 4 つの状態を定義する順序に注意してください:

Link Visited Hover Active

10. コンテンツと関係のない画像には背景を使用してください

11. 定義色は #8899FF =#89F

12 と省略できます。テーブルは、いくつかの点で他のタグよりもはるかに優れたパフォーマンスを発揮します。列揃えが必要な場合にご使用ください。

13.

著者別の最新記事

• 未来を創る: まったくの初心者のための Java プログラミング
  2024-10-13 13:32:21
• あなたは一人ではありません: サポート力のあるコミュニティとともに Python をマスターしましょう
  2024-10-12 11:58:51
• 初心者からプログラマーまで: Python プログラミングの力を活用する
  2024-10-11 20:06:51
• プログラマーのように考える: Java の基礎を学ぶ
  2024-10-11 18:59:31
• Java をシンプルに: プログラミング能力を高める初心者向けガイド
  2024-10-11 18:30:51
• PHP でブログを構築する: 初心者に優しいプロジェクト
  2024-10-11 15:51:51
• システムの言語を話す: C を一度に 1 行ずつ学習
  2024-10-11 15:42:10
• C のデータ構造とアルゴリズム: 初心者に優しいアプローチ
  2024-10-11 14:41:20
• 涙のないコーディング: 簡単な方法で C を学ぶ
  2024-10-11 14:08:31
• Java によるデータ分析: 情報処理の初心者ガイド
  2024-10-11 13:42:21

最新の問題

CSS マインド マッピングに関するコースウェアはどこにありますか? コースウェア

から 2024-04-16 10:10:18

0

0

1335

ページが突然 CSS またはブートストラップを取得できなくなります それで、私はページを開発しています。昨日その一部を実行してうまくいきました。そして今日は残りの作業を続けましたが、すべてがうまくいきました。通常の HTML ページとして開こうとす...

から 2024-04-06 21:58:04

0

1

800

Javafx でインライン CSS スタイルを動的に変更する アプリケーションが最大化されているときにペインの背景画像を変更しようとしています。私の背景はインライン CSS を使用して設定されています。スタイル用に 2 つの異なる変数と if...

から 2024-04-06 20:57:16

0

1

487

CSS でフローティング要素を水平ではなく垂直にスタックするにはどうすればよいですか? 片側にメインコンテンツ、もう一方に追加コンテンツがある 2 つの列を持つ Web ページを作成しようとしています。ただし、float プロパティを使用して追加の列を左に揃えているた...

から 2024-04-06 20:45:26

0

2

386

他の CSS コードに関係なく、フレックスボックス内のテキストを強制的に垂直方向の中央に配置する方法はありますか? 開発中の Web サイトで使用されている大規模な CSS コードの一部である次の CSS コードがあります。 }.card-u{margin:20px;padding:20px;w...

から 2024-04-06 20:41:51

0

1

518

関連トピック

詳細>

• css
• CSS中心
• CSSに画像を挿入する方法
• CSSが表示を超えています...
• CSSフォントの色
• CSSとは何ですか
• CSSで三角形を書く方法
• CSSで文字の色を設定する