试图从我的 h2 标题中删除填充
Trying to remove padding from my h2 titles
你好,我正在尝试将我的 h2 标题放在 div 的顶部,但我不知道如何删除填充/边距/不管它是什么导致它们间隔太远。
这是我第一次尝试使用 "sections",我正在使用它们来创建视差滚动网站。我已经上传了该站点,因此您可以看到它的运行情况。它指出 "Title One"、"Title Two" 等,这就是我想在它们所在的 div 顶部提出的内容。
示例网站 url...http://www.littleroomproductions.com/jQtest/
以下是我认为需要更改的部分代码,以便将标题置于 div...
的顶部
//HTML
<section class="box content">
<div id="me"></div>
<div class="container">
<h2>Title One</h2>
<p>This is where text goes </p>
<div class="someContent">
<p>click me</p>
</div>
</div>
</section>
//CSS 使用
section.box:last-child {
margin-bottom: 0;
}
section.box h2 {
padding-top: 0;
margin-bottom: 20px;
color: #606060;
font-family: serif;
font-size: 30px;
}
section.box p {
padding-top: 0;
margin-bottom: 20px;
color: black;
font-size: 20px;
font-family: cursive;
font-weight: 300;
}
section.box p:last-child {
margin-bottom: 300px;
}
section.box.content {
padding-top: 0;
padding-left: 40px;
padding-bottom: 40px;
}
section.box.slide {
padding: 240px 0;
background-position: 0 0;
}
section.box.slide h1 {
color: yellow;
font-size: 48px;
/*line-height: 1;*/
font-weight: 700;
text-align: center;
text-transform: uppercase;
text-shadow: 0 0 10px black;
}
你的
#me
#projects
#hire
有一个 100px 的内边距;
试试这个
section.box h2 {
padding-top: 0;
margin: -7px 0;
color: #606060;
font-family: serif;
font-size: 30px;
}
你好,我正在尝试将我的 h2 标题放在 div 的顶部,但我不知道如何删除填充/边距/不管它是什么导致它们间隔太远。
这是我第一次尝试使用 "sections",我正在使用它们来创建视差滚动网站。我已经上传了该站点,因此您可以看到它的运行情况。它指出 "Title One"、"Title Two" 等,这就是我想在它们所在的 div 顶部提出的内容。
示例网站 url...http://www.littleroomproductions.com/jQtest/
以下是我认为需要更改的部分代码,以便将标题置于 div...
的顶部//HTML
<section class="box content">
<div id="me"></div>
<div class="container">
<h2>Title One</h2>
<p>This is where text goes </p>
<div class="someContent">
<p>click me</p>
</div>
</div>
</section>
//CSS 使用
section.box:last-child {
margin-bottom: 0;
}
section.box h2 {
padding-top: 0;
margin-bottom: 20px;
color: #606060;
font-family: serif;
font-size: 30px;
}
section.box p {
padding-top: 0;
margin-bottom: 20px;
color: black;
font-size: 20px;
font-family: cursive;
font-weight: 300;
}
section.box p:last-child {
margin-bottom: 300px;
}
section.box.content {
padding-top: 0;
padding-left: 40px;
padding-bottom: 40px;
}
section.box.slide {
padding: 240px 0;
background-position: 0 0;
}
section.box.slide h1 {
color: yellow;
font-size: 48px;
/*line-height: 1;*/
font-weight: 700;
text-align: center;
text-transform: uppercase;
text-shadow: 0 0 10px black;
}
你的
#me
#projects
#hire
有一个 100px 的内边距;
试试这个
section.box h2 {
padding-top: 0;
margin: -7px 0;
color: #606060;
font-family: serif;
font-size: 30px;
}