Upgrade to Pro — share decks privately, control downloads, hide ads and more …

第07回Web講座

 第07回Web講座

float z-index

More Decks by 北海道科学大学 電子計算機研究部

Other Decks in Programming

Transcript

  1. float 要素の回り込みを指定する 値は以下の4つ。  left : 要素を左に寄せ、右余白部に下のブロックを回り込ませる  right :

    要素を右に寄せ、左余白部に下のブロックを回り込ませる  none : 回り込みをしない(初期値)  inherit : 親のfloatプロパティの値を引き継ぐ
  2. clear floatプロパティによる回り込みを解除する。 値に設定できるのは以下の3つ。  left : 「float: left;」による回り込みを解除する  right

    : 「float: right;」による回り込みを解除する  both : 全てのfloatプロパティの回り込みを解除する
  3. z-index の値の指標 “The Interactive Advertising Bureau”によれば、  0 - 4999:

    主なコンテンツ、標準的な広告  5000 - 4999999: 種々の広告・ポップアップなど  5000000 - 5999999: ドロップダウンUI、サイト内ナビゲーションUI、固 定ヘッダや固定フッタなど (Expanding Site Navigation Elements)  6000000 - 6999999: 画面全体を覆う要素 (Full-page Overlays) ※広告業界における指標なので、これに必ず従わなければいけな いというものではない
  4. スタックコンテキスト イメージ html p.No1 p.No2 p.No3 p.No4 p.No5 div.No6 p.No6-2

    p.No6-1 スタックレベルを無視した場合、このように図示できる。