文本包含某种空间答案

【问题标题】：Text contains some sort of space文本包含某种空间
【发布时间】：2017-07-19 22:47:42
【问题描述】：

我想知道你将如何删除文本周围的空间，我知道这可以通过 line-height 来实现。但是空间总是保留在文本的上方或下方。有没有一些动态的方法来做到这一点？纯 CSS 或 SASS 都适合我。

提前致谢:)

【问题讨论】：

margin 和 padding 也可以这样做：你能告诉我们应用的样式吗？
请去阅读这个css-tricks.com/the-css-box-model header 元素在浏览器中默认设置了边距，一个简单的 h1{margin:0;} 将摆脱它。
你说的是橙色空间还是蓝色空间？
老实说 - 你期望 line-height 做什么？您是否对这个概念感到困惑或究竟是什么问题？您知道文本周围需要一些空间用于升序/降序字符（例如 Â 或 g）吗？ smad.jmu.edu/shen/webtype/lineheight.html
出现该文本的原因有很多。我们需要查看您的代码才能知道原因。

标签： html css sass

【解决方案1】：

您的开发者控制台会告诉您哪个属性负责该空间。

在您的情况下，它是在元素上定义的边距。一个简单的

h1{
  margin:0;
}

会解决这个问题。

如果您想知道此边距来自何处 - 某些元素（如标题）带有预定义的边距和填充，由浏览器自动应用。在这种情况下，您的 webdev 控制台的 styles 部分中的源声明为“用户代理样式表”。

【讨论】：

【解决方案2】：

编写 CSS

h1 {
margin: 0;
}

它将删除默认的margin，以便从浏览器中应用h1。

【讨论】：

当你否定答案时，至少留下评论，以便有人即兴发挥
在不知道谁投反对票的情况下，我会说这是因为它基本上是一个重复的答案，没有任何额外的附加价值，可以将它与已经存在的其他答案区分开来？我想这是为了鼓励对已经存在的答案进行投票而不是添加重复的答案？
当我开始写的时候只有答案，当我的答案更新时，你的答案也是可用的。