HTML+CSS を使用して、図に示すようにレイアウトを実装します。境界幅 5 ピクセル、1 つのグリッド サイズは 50*50、ホバーすると境界線が赤になります (セマンティック構造を考慮して、IE6 以降と互換性があります)_html/css_WEB-ITnose

< ;title>css 淘宝網テスト練習問題

1. HTML+CSS を使用して、図に示すように、ボーダー幅 5 ピクセルのレイアウトを実装します。グリッドのサイズは 50 *50 で、ホバーすると境界線が赤になります (意味構造を考慮して IE6 以降と互換性があります)

1
2
3
4
5< /a>
6
7
8 9

1. 兄弟要素の場合、ドキュメントはデフォルトでフローします。 (またはposition:static) 後の要素は前の要素を上書きします。

2. 同じレベルの要素の場合、位置が静的でなく、z インデックスが存在する場合、より大きな z インデックスを持つ要素は、より小さな z インデックスを持つ要素をカバーします。つまり、z インデックスが大きいほど、インデックスが大きいほど優先度が高くなります。

3. IE6/7 では、位置が静的ではなく、z-index が存在しない場合、z-index は 0 になります。他のブラウザでは、z-index は自動です。

4. z-index が auto である要素は、階層関係の比較に参加せず、z-index が auto ではない要素は比較に参加します。