ホームページ  >  記事  >  ウェブフロントエンド  >  UFO_html/css_WEB-ITnose が残したコードは何ですか?

UFO_html/css_WEB-ITnose が残したコードは何ですか?

WBOY
WBOYオリジナル
2016-06-24 12:06:39975ブラウズ

.clearfix:after {
クリア: 両方;
表示: ブロック;
可視性: 非表示 }。 。この関数は何ですか



ディスカッションに返信 (解決策)

css content 属性は、生成されたコンテンツを挿入するために、:before および :after 擬似要素と組み合わせて使用​​されます。

css content 属性は、生成されたコンテンツを挿入するために、:before および :after 擬似要素と組み合わせて使用​​されます。

何を挿入するか。 。挿入後に何が起こるか

これは明らかに float をクリアするために使用されるコードです
​​
float をクリアするための完璧な解決策は、疑似クラス + 問題を解決するために IE でプライベート プロパティ hasLayout をトリガーすることです

.cf:after{display:block; content:'';clear:both;}
.cf{zoom:1}

このメソッドの前身は、空のタグを使用して float をクリアすることですが、空のタグを使用した float のクリアは構造セマンティクスに準拠していないため (out薄い空気) (より多くの空のタグ) なので、この効果を実現するには擬似クラスを使用します


css content 属性は、生成されたコンテンツを挿入するために、:before および :after 擬似要素と組み合わせて使用​​されます。

何を挿入するか。 。挿入後に何が起こるか

コンテンツ 引用符内のコンテンツ ここにドットがあります

これは明らかに float をクリアするために使用されるコードです

float をクリアするための完璧な解決策は、疑似クラス + IE でプライベート属性 hasLayout をトリガーして問題を解決します問題

.cf:after{display:block;content:'';clear:both;}
.cf{zoom:1}

このメソッドの前身は、空のラベルを使用してフロートをクリアすることですが、空のラベルがラベルはクリアされます フローティングは、構造セマンティクス (何もないところから空のタグを追加する) の点で仕様に準拠していないため、この効果を実現するには疑似クラスを使用します


無意識のうちに



css content 属性は組み合わせて使用​​されます:before および :after 擬似要素を使用して、生成されたコンテンツを挿入します。

何を挿入するか。 。
の内容を挿入するとどうなりますか? で囲まれた内容 ここにピリオドがあります

ピリオドを追加する理由は何ですか?



css content 属性は、生成されたコンテンツを挿入するために、:before および :after 擬似要素と組み合わせて使用​​されます。


何を挿入するか。 。
の内容を挿入するとどうなりますか? で囲まれた内容 ここにピリオドがあります

ピリオドを追加する理由は何ですか?
必要なものを追加できますが、この方法で追加した後も表示されるため、visibility: hidden; hidden が続きます

実際には、これは必要ありません。content:'' に空の文字列を入力するだけです。直接、または非表示にする必要はありません



css content 属性は、生成されたコンテンツを挿入するために :before および :after 擬似要素とともに使用されます。

何を挿入するか。 。
の内容を挿入するとどうなりますか? で囲まれた内容 ここにピリオドがあります

ピリオドを追加する理由は何ですか?
必要なものを追加できますが、この方法で追加した後も表示されるため、その後にvisibility: hidden; hiddenが続きます

実際には、これは必要ありません。content:''に空の文字列を入力するだけです。直接、または非表示にする必要はありません

content で空の文字列を使用するだけです:''? ?それはどういう意味ですか? 。それ以降は何も追加されません。 。目的は何ですか?

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