CSS の細かい詳細

高洛峰
リリース: 2016-11-24 10:37:33
オリジナル
1618 人が閲覧しました

1. 可視性を指定して要素を非表示にしても、リフローと再描画 (リフローと再描画) は発生しませんが、同時に、可視性を非表示にしても関与は発生しません (つまり、子孫要素が表示されている場合は関与します)。親の非表示の影響を受けません);

2. テキストを非表示にするために負のマージンを使用すると、テキストインデントは追加のパフォーマンス消費を引き起こし、ブロック、テーブルセル、およびインラインブロック属性要素にのみ作用します。点線のボックス。

3. 子要素にposition:absoluteまたはfixedが含まれている場合、height:0;overflow:hiddenを使用することができます。位置属性がない場合)、非表示は「無効」になります (つまり、子要素は切り取りの影響を受けません。 注: 親要素の幅も 0 に設定されている場合、IE6 および 7 では奇妙な「バグ」非表示が発生します。子要素がバグであると言うのは、この時点で IE のデバッグを開くことでテストできるためです。問題については、わかっていれば回答します。

4.position:absolute、left/topなどの属性値を適用しない要素は、スペースを占有しない通常の要素、つまりこの要素はtext-alignなどの属性を通常に継承できます親から (注: 継承後、配置は自身の左側に基づいて行われます。たとえば、text-align:right を定義すると、その左端が親の右端に配置されます。)、これは少し複雑で、自分でテストすると、より明確になります。例:

);


関連ラベル:
css
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!