使用Tachyons CSS Toolkit我想在蓝色导航栏下直接移动浅蓝色区域(请参阅下面的codepen示例)。
我可以看到<h1>
元素有一个margin-top: 0.67em
,导致主题标题上方的白色区域。
答案 0 :(得分:1)
只需将此添加到您的css
即可h1, h2, h3 {
margin: 0;/* the margin you want */
}
在CSS中,选择器是用于选择要设置样式的元素的模式。
使用我们的CSS Selector Tester演示不同的选择器。
“CSS”列表示属性所在的CSS版本 已定义(CSS1,CSS2或CSS3)。
答案 1 :(得分:0)
这与标题元素的默认边距有关,标题元素会溢出其容器。
使用Tachyons类“ma0”,“mv0”或“mt0”将边距(全部,垂直或顶部)设置为0.
<h1 class="f1 ma0">Theme Title</h1>