html - なぜヘッダー、

Question

これは、Dreamweaver での外観と、私が望む外観です

これは、ブラウザビューでどのように表示されるかです

Answer 1

追加

margin:0;
padding:0;

CSSで。ブラウザはデフォルトで要素のマージン/パディングを提供するため、明示的に削除する必要があります。

Answer 2

すべてのブラウザで CSS をリセットするのが良い方法だと思いました。たくさんの例がありますので、ここにその例を示します：

html, body, blockquote, code, h1, h2, h3, h4, h5, h6, p, pre {
    margin:0;
    padding:0
}
button, fieldset, form, input, legend, textarea, select {
    margin:0;
    padding:0
}
fieldset {
    border:0
}
a, a * {
    cursor:pointer
}
div {
    margin:0;
    padding:0;
    background-color:transparent;
    text-align:left
}
hr, img {
    border:0
}
applet, iframe, object {
    border:0;
    margin:0;
    padding:0
}
button, input[type=button], input[type=image], input[type=reset], input[type=submit], label {
    cursor:pointer;
}
ul, li {
    list-style:none;
    margin:0;
    padding:0;
}
strong {
    font-weight:bold;
}
em {
    font-style:italic;
}

Answer 3

見出しタグは、Web ページのデフォルトのマージンとパディングを使用します。見出しタグには margin:0 と padding:0 を使用します。

h1
{
    margin:0px;
    padding:0px;
}