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

标题标签在网页上采用默认边距和填充。在标题标签上使用 margin:0 和 padding:0 。

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

Answer 4

我在尝试将标题包含在另一个宽度有限的元素中时遇到了类似的问题。似乎当您限制元素的宽度时，它会在标题内容之前添加默认换行符作为空白等效项。

设置边距和填充对文本位置没有任何影响，但防止空格换行解决了这个问题。

h1 {
    white-space: nowrap;
}