浮動ボックスモデル2+

中央揃えテキストボックスとセンター

1.テキストに格納されているボックスを設定/画像が水平にセンタリングされる:テキストALIGN =左:センター;
2.独自の中心水平ボックス作る:マージン:0自動。

クリアデフォルトの余白

1.なぜ、デフォルトの余白(マージンとパディング)を空にする必要がありますか?
より良いコード最初を書き込む前に、幅と高さなどのボックスとボックス幅計算高い、の、その事業展開を制御するために、企業の開発では、デフォルトのマージンをクリアすることです。
2.私はどのようにクリアしていますか?
フォーマット:* {マージン:0;パディング:0;}
3.注意点:このインタフェースのすべてのラベル(トラバース)するので、性能は良くないが見出さワイルドカードピッカー。企業の開発は、このURLからコピーすることができます。http://yui.yahooapis.com/3.18.1/build/cssreset/cssreset-min.css

フォントサイズと行の高さ

1.注意点:行の高さと、ボックスの高さは同じ概念ではありません。
2.ルール:
2.1)デフォルトのテキスト行高校が垂直方向に中央揃えされます。
2.2)企業の発展において、我々は、多くの場合、カセットの高さに垂直にセンタリングされ、テキストの行を確保するために、同一の高さにあるボックスと行の高さ。一言で言えばです:あなたがテキストの行がボックス内に垂直方向に中央揃えされたい場合は、あなただけ高くすることができるボックスの行の高さのテキストの行を設定する必要があります。
2.3)、エンタープライズ開発のボックス内のテキストの複数行であれば、私たちは、行の高さは、テキストを垂直方向に中央揃えされるように、テキストだけを中心にするためにパディングを設定することにより、高いボックスを達成するために設定されている使用することはできません。

フォントとサイズ縮小

注意事項:
企業の発展において、テキストボックスが右ので、通常の状況下で、我々は基準として左側にあるボックスをパディングするので、しない基準として右パディングに、格納されている場合パディングエラーがあります。
2.エラーの右マージンは内から来ますか?右は、テキストが表示をラップしますので、言葉が合わない場合は、テキストとパディングとの間の距離は、誤っなります。
前記パディングは、テキストの先頭までの距離の上部の境界が、高上部からラインに境界はありません。

ページのレイアウトとは何ですか?

Webページのレイアウトは、実際には、Webページのレイアウト要素についてどのようにお使いのブラウザを指します。
1.標準フロー組版(ドキュメントフロー/一般的なストリーム)
1.1)ブラウザのデフォルトレイアウトモードは、標準ストリームを組版されます。
1.2)CSSの要素の3つのカテゴリに分類され、内側のブロック要素は、ブロックレベル要素/素子列/行です。
1.3)の2つの方法の標準的なレイアウトの流れと、一方は垂直レイアウト(ブロックレベル要素と、垂直配置である)ブロック要素内のインライン要素が/ラインが水平配置である場合、一方が(水平レイアウト)です。
組版2可変流量
2.1)浮力の流れは、「標準的な半逸脱フロー」レイアウトモードです。
2.2)浮力がレイアウトに一方向にしか流れ、タイポグラフィレベルです。それが唯一の正当化または右寄せ左の要素を設定することができます。
2.3)注:
2.3.1)ストリーム中心ではない、すなわちない中央値をフローティング。
2.3.2)マージンを使用して浮動ストリームではない:0オート;.
2.4)機能:
2.4.1)をストリーム中に浮遊のいずれか、ブロック要素の行/列内ケースブロック要素/要素ない水平ブロック要素は、内側/行要素/線を構成するブロックレベル要素です。
2.4.2)両方の浮動ブロックレベル要素のストリームは、ブロックレベル要素/要素列/線幅と高さ内に配置されています。
ライン要約、フローティング要素と標準的なフローストリーム)のようなブロック要素2.4.3。

スケールをオフにフロート

1.浮動要素オフ標準とは何ですか?
的外れ:標準フローから。
浮動要素は、この要素が標準から削除されているように見える場合は、ストリームのように、これは標準の要素をオフに浮いています。
2.マークオフフロートの後どうなりますか?
フロートの前にある要素は、ない浮動要素の後ろに、その要素の前でこの時間はカバーの後ろに一つの要素になります。

浮動要素のタイポグラフィ

1.フロート照合
フローティング要素と同じ方向に1.1)、浮動要素が前面に表示された第一なり、フローティング要素は、後で表示されます。


1.2)異なる方向の要素をフローティング、左フロートは、右の右のフロートを見つけるだろう、フローティング、フローティングのままでしょう。

1.3)標準ストリームの前にフロートフローティング要素の位置によって決定フロートフローティング要素の位置、後。
注意:フロート2 3 4を左1左フロートがフロートしないがフローティングされていない

注:1 2 3 4フロートがフロート状態のまま左左フロートフロートありません

現象に対する浮動要素

1.現象に対してフロートは何ですか?
親要素の幅がすべての浮動要素を表示することができた場合は1)、その後、浮動要素が並べて表示されます。
親要素の幅は、すべての浮動要素を表示することができない場合2)、それは前方スティックの最後の要素の最初から頼りにされます。



3)すべての浮動要素に対してフロントた後ならば、最終的に左または右に親要素に対して、表示することができません。

単語現象の周りに浮かびます

1.ワード現象の周りのフロートは何ですか?
要素がテキストで無浮動要素をブロックしません、テキストが自動的に場所が、これは今単語漂っ要素になるように要素をfloatに浮いません浮かべ。





おすすめ

転載: www.cnblogs.com/Shuangyi/p/11229068.html