例:
2。位置:絶対絶対的な位置:1.位置はありません。外層に絶対(または相対)。次に、下の図に示すように(ブラウザの右の境界から50ピクセル、下部の境界から20ピクセル)に示すように、DIVはブラウザに対して配置されます。
2。外層には位置があります。絶対(または相対);次に、下の図に示すように(Dの右境界から50ピクセル、Dの下部境界から20ピクセル)に示すように、Divは外層の境界に対して配置されます。
例:
3。位置:相対相対的な位置:下の図に示すように、このdivを含むdivの特定の位置に対して固定されています。外側の層にそれが含まれていない場合、それはブラウザに対して固定されます。
例:
4。レイヤー( z-index ) Z軸方向のレイヤー化は、紙のスタックに分割され、層の数が高いほど上部が高くなると理解できます。上記の例では、AAがAをカバーしていることがわかります。後のコードの表示レベルが高いため、コードの順序を変更せずにAAをカバーするにはどうすればよいですか。次のように:
例:
5。フロート:左、右左右の場合、場所(左と上部)を指定する必要はありませんが、ブラウザに直接比較されます。外側が包まれている場合、外部divに対する除去された行の位置の左上または右上または右上が表示されます。追加:1。オーバーフロー:非表示; //パーツを超えて隠す;スクロール、スクロールバーを表示します。<div>/div> //フローを切り捨てます
2。カーソル:ポインターマウスが指すときのポインターマウスの形状。
3。半透明効果:
<div class = box>透明な領域<div>
StyleSheetのコードは次のとおりです。
。箱
{
不透明度:0.5; -moz-opacity:0.5;フィルター:アルファ(不透明度= 50)
}
練習例をまとめるには:ADVA Webサイトのフォーマットレイアウトの一部
HTMLコード: XML/HTMLコードコピーコンテンツにクリップボードに