css - 使用 Tachyons CSS 将一个部分直接放置在另一个部分的下方

Question

使用Tachyons CSS Toolkit我想将浅蓝色（请参阅下面的代码笔示例）区域直接移动到蓝色导航栏下方。

据我所知，<h1>元素有一个margin-top: 0.67em导致主题标题上方的白色区域。

score 1 · Accepted Answer

只需将其添加到您的 CSS

h1, h2, h3 {
margin: 0;/* the margin you want */
}

在 CSS 中，选择器是用于选择要设置样式的元素的模式。

使用我们的 CSS 选择器测试器来演示不同的选择器。

“CSS”列指示属性在哪个 CSS 版本中定义（CSS1、CSS2 或 CSS3）。

score 0 · Accepted Answer

这与标题元素的默认边距有关，它们会溢出它们的容器。

使用 Tachyons 类“ma0”、“mv0”或“mt0”将边距（全部、垂直或顶部）设置为 0。

<h1 class="f1 ma0">Theme Title</h1>

2 回答 2