12.15ノート

displayプロパティとインスタンス
要素の表示と非表示

は、display:noneを使用して要素を非表示にします.この場合、要素はページ領域を占有しません.

visibility:hiddenを使用しても、要素を非表示にすることができます.この場合、要素は空間を占有します.

displayによるインライン要素またはブロックレベル要素の変更
(1)display:blockは、要素をブロックレベルの要素として表示する.
(2)display:inlineは、エレメントを行内エレメントとして表示する.
CSSコードにli{display: inline-block;}を加えるとli要素を行内ブロック表示にすることができます.
フローティングとは
フローティング要素の特徴を一言で説明できます.フローティング要素はドキュメントフローから離れ、親要素または別のフローティング要素にぶつかるまで左/右にフローティングします.

div{float：left/right};

.clearfix:after {content:""; display:block; height:0; visibility:hidden; clear:both; }

.clearfix { *zoom:1; }

fixed

• ， 。
• ， 。

position: fixed;

relative

• ， 。
• 。

absolute

• ， （ ）。
• ， body ； ， ， body ； ， 。

• z-index は、 め のオーバーラップ を し、 はz の である.
• z-indexは、 めおよび め でのみ である(position:absolute).
• z-indexの は、Z に った め の を し、その が きいほどユーザに いので、2つの め であればあるほど、z-indexの が きいほど の さい め を きする. は0で、 の になります.

え
margin:0 auto; の の の きさを し、 の の を します.
positionプロパティ の え

めとtransformプロパティ