gpt4 book ai didi

html - 所有边距为 0 的元素看起来都与 * 边距为 0 的选择器不同

转载 作者:太空宇宙 更新时间:2023-11-03 18:09:31 29 4
gpt4 key购买 nike

谁能解释为什么在每个标签中放置边距仍然会在文章和标题标签之间留下一个空间,但是当我使用 * 选择器时,空间会被删除。我不一定想要边距为零的所有元素。我宁愿将每个我想要的设置为 0。

下面的片段 1 在标题和文章标签之间留了一个空格

body
{
background-color: yellow;
margin: 0 0 0 0;
}

#header
{
background-color: blue ;
margin: 0 0 0 0;
width: 100%;
height: 40px;
border: 3px solid black;
}

#article
{
background-color: red;
margin: 0 0 0 0;
}

#search {
background-color: #a6dbed;
height: 500px;
margin: 0 0 0 0;
}

#mostdesired
{
background-color: #c7d1d6;
height: 200px;
margin: 0 0 0 0;
}

当我在文章和 header 标签之间的所有空格下方添加此代码段时,这就是我想要的,但我不一定希望所有元素的边距为 0

*{ 
margin: 0
}

这是html

<body>
<header id="header">@*<h1>Welcome</h1>*@</header>
<article id="article">
<section id="search"><h2>this is the search</h2>@RenderBody()</section>
<section id="mostdesired"><h2>This is the most section</h2></section>
</article>
</body>

最佳答案

* 重置规则之前,h1h2 元素上的默认边距不受 CSS 影响。

如果它不会影响您的布局,那么对 h1、h2 也应用零边距应该就足够了。您当然可以使用 #header h1、#article h2 或类似的东西来限制它,以防万一。

关于html - 所有边距为 0 的元素看起来都与 * 边距为 0 的选择器不同,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24007218/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com