html&css 謎の隙間や余白を消すために、cssでやったこと(メモ)

まず何よりも先にGoogle Chromeのデベロッパーツールで調べてみる

サイト全体の隙間を消すために試したこと

body,html {
    margin: 0px;
    padding: 0px;
}

画像の間にできた隙間を消すために試したこと

• vertical-align: bottom;
• line-height: 1.0em;

その他いろんなパターンの時に試したこと

• line-height: 0;
• margin: 0;
• padding: 0;
• font-size: 0;
• display: block;

---

これらを親要素に指定するのか子要素に指定するのかによって結果も変わってくるので、そこらへんもいろいろ試してみるのが効果的かなと思います。