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

第6回ネットワーク講座

 第6回ネットワーク講座

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

Other Decks in Education

Transcript

  1. margin 下記の通り指定すると、マージンは 1. margin: 20px; → 上下左右20px 2. margin: 0

    200px; → 上下0px、左右200px 3. margin: 20px 30px 40px; → 上20px、左右30px、下400px 4. margin: 100px 10px 50px 20px; → 上100px、右10px、下50px 左20px
  2. box-sizing width , height プロパティで指定するボックスサイズの大きさの算出方 法を変更する際に使用する。 初期値は”content-box” • content-box :

    初期値。パディング、ボーダーを幅と高さに含めない • padding-box : パディングを幅と高さに含める(ボーダーは除く) • border-box : パディングとボーダーを幅と高さに含める
  3. position ボックスの配置方法を指定する。 • static : 初期値。top などの位置指定プロパティが適用されない。 • relative :

    相対位置に配置する。 • absolute : 絶対位置に配置する。 • fixed : 絶対位置に配置し、なおかつスクロールしても動かない。
  4. position 値にstatic以外を指定した場合、以下のプロパティを併用して位置を 指定する。 • top : 上方向に対する基準位置からの距離 • bottom :

    下方向に対する基準位置からの距離 • left : 左方向に対する基準位置からの距離 • right : 右方向に対する基準位置からの距離