【誰でも見れるCSS】要素の配置：position/displaylayout_html/css_WEB-ITnoseを使用

はじめに

位置と表示を使用して、マウスが画像上に移動したときにテキストまたはビデオを表示または非表示にする効果を実現します。

知識ポイント

絶対的な。子要素が Position:absolute を使用する場合、親要素は、段落の位置を決定するための位置コンテキストとして機能するように、position:relative を設定する必要があります。ここで相対的に配置された要素

は、配置された環境として認定されるためには、絶対的に配置された祖先要素である必要があります。

2. CSS セレクター。 element、element、element element div p の 2 つのセレクターが使用されます。前者については特に言うことはありませんが、主に後者は、div 要素内のすべての p 要素を選択します。

3. :ホバーセレクター。マウス ポインタが置かれている要素を選択するために使用され、リンクだけでなくすべての要素に使用できます。 div:hover、p:hover など。