ホームページ  >  記事  >  ウェブフロントエンド  >  CSS で DIV をオーバーラップさせる例の概要

CSS で DIV をオーバーラップさせる例の概要

零下一度
零下一度オリジナル
2017-06-07 11:00:553582ブラウズ

CSS カスケードとは、CSS スタイルが同じ要素に同じ属性を構成する場合、カスケード ルール (重み) に基づいて競合を処理し、CSS セレクターで指定された属性を高い重みで選択することを意味し、一般に上書き重みとも呼ばれます。重みが大きいため、カスケードとも呼ばれます。

1. CSSスタイルの継承とカスケードの解決

基本セレクター

タグの選択: ページ内のタグ名に従って選択し、指定したタグにスタイルを直接適用します。

機能:

1. タグ セレクターは、現在のページにある限り、コードの現在のタグ階層とは関係ありません。選択されました。

ID の選択: 最初に ID 値を設定するタグを指定する必要があります (ID 値は繰り返すことができず、ページ全体で一意です)。

クラスの選択: ラベルにクラス名を付け、クラスセレクターを通じて指定されたラベルを選択します。

2.

CSS マージンの重なりとそれを防ぐ方法

境界線の重なりとは、2 つ以上のボックス (隣接またはネストされている可能性があります) の隣接する境界を指します (その間に空ではないコンテンツやパディングはありません)。 ) 重なり合って単一の境界線を形成します。 2 つ以上のブロック レベル ボックスの垂直方向に隣接する境界が重なっています。結果として得られる境界線の幅は、隣接する境界線の幅の中で最大になります。負の境界が発生した場合、最大の絶対値を持つ負の境界が最大の正の境界から減算されます。正の境界がない場合は、絶対値が最大の負の境界がゼロから減算されます。注: 親子関係または兄弟関係を持つ要素によって隣接するボックスを生成することはできません。

CSS で DIV をオーバーラップさせる例の概要3.

CSS内の要素の重なり順を解決する

z-index属性とposition属性が含まれていない場合、すべての要素の重なり順はHTML内での出現順序と一致します。書類。 (負のマージンを使用してインライン要素をオーバーラップする特殊な場合を除きます。)

要素がフローティングの場合、フローティング ブロック要素は、非配置ブロック要素と配置ブロック要素の間に配置されます。つまり、フローティング要素です。通常フローでは子孫ブロック要素の上、通常フローでは子孫インライン要素の下に表示されます。

position 属性が要素に追加されると、position 属性を持つすべての要素とそのサブ要素は、position 属性のない他の要素の上に表示されます。

4.

CSSを使用したpのランダムオーバーラップ方法の紹介

この記事では主にpをオーバーラップさせ、希望の順序でオーバーラップさせるために必要なCSSを紹介します。 p を希望の順序で重複させるには、CSS、つまり CSS の絶対配置が必要です。 CSS で DIV をオーバーラップさせる例の概要スタイルの重複には主要な CSS スタイルの説明が必要です

5.
2 つの div を重複させるための CSS

Web ページを作成しているときに、p に別の Web ページの天気プラグインを入れたのですが、それをクリックすると、広告ページに飛んでしまうので、ネットでpクリックを防ぐ方法を探してみたのですが、jsを使った方法はうまくいかないようでした。位置合わせが少し面倒ですが、クリックを防ぐためにレイヤーを重ねます。

6.

div の重複 問題

html で 2 つの p を定義しましたが、表示される結果は、2 つの p が部分的に重なっていませんでした。どのキーを触ったのか分かりませんが、実行時にレイヤーが重なっているのですが、pだけを取り出すと正常であることがわかります。状況?

関連する質問と回答:

1. javascript - 相対配置で top などの属性が使用されると div が重複するのはなぜですか?

2. javascript - 2 つの div が重なった後、ページ上に新しい div が生成され、この効果は 1 つだけ生成されます。

[関連する推奨事項]

CSSの余白の重なりについての簡単な説明

キャンバスのダイナミックなボールの重なり効果

なぜフローティングによって重ならずに画像の周囲にテキストを折り返すことができるのか

以上がCSS で DIV をオーバーラップさせる例の概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。