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

时间:2017-11-07 21:38:39

标签: css tachyons-css

使用Tachyons CSS Toolkit我想在蓝色导航栏下直接移动浅蓝色区域(请参阅下面的codepen示例)。

我可以看到<h1>元素有一个margin-top: 0.67em,导致主题标题上方的白色区域。

示例
https://codepen.io/anon/pen/eedwBE

2 个答案:

答案 0 :(得分:1)

只需将此添加到您的css

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

并查看CSS Selectors

  
    

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

  
     

使用我们的CSS Selector Tester演示不同的选择器。

     

“CSS”列表示属性所在的CSS版本   已定义(CSS1,CSS2或CSS3)。

答案 1 :(得分:0)

这与标题元素的默认边距有关,标题元素会溢出其容器。

使用Tachyons类“ma0”,“mv0”或“mt0”将边距(全部,垂直或顶部)设置为0.

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