HTMLの勉強をした

HTMLの勉強をしたHTMLの勉強をしてみました。今回もドットインストールです。だいたい大丈夫かとも思うのですが、覚えたいことについてメモしてみます。

基本メモ

  • checkboxなどを利用する際にlabel属性を利用すると、文字列をタップしても選択される。
  • div: 汎用ブロック要素(前後に改行が入る)
  • span: 汎用インライン要素(前後に改行が入らない)
  • 文書の構造を示す
    • header
    • footer
    • nav
    • article
    • aside
    • section
  • 実体参照: \<は&lt;等の置き換え文字を表現する名称。

レイアウト

段組

floatを利用した際に、次の段組が回り込まないようにするには、floatを利用した段組の親要素にoverflow:hiddenを指定する。

マージンの相殺

隣り合った要素がお互いにマージンを指定すると、相殺され大きい方のマージンのみが残る。

containerを上下いっぱいに広げる

height指定に関してはすべてやることで上下いっぱいに伸びる。

html {
    height: 100%;
}

body {
    height: 100%;
}

body > #container {
    height: auto;
}

#container {
    min-height: 100%;
    height: 100%;
    width: 600px;
    margin: 0 auto;
}

a要素全体をクリック可能にする

このようにすることで、a要素は文字列だけでなく領域一杯クリック可能になる。

#menu ul>li>a {
    text-decoration: none;
    display: block;
}

参考

Pocket
LINEで送る

You may also like...