1

嗨，出于某种奇怪的原因，我无法在本段中设置字体系列或字体大小。这是代码。我试图针对所有段落，但没有任何效果，文本保持不变。这是codepen链接http://codepen.io/anon/pen/eHiAB，你可以看到我将所有段落的大小设置为800px，但它不起作用。

CSS：

#about-us {
margin: 10px auto;
background-color:#FFF;
height:800px;
width:600px;
left:125px;
position: relative;
padding: 0 55px;
line-height: 36px;

}

#about-us p {
text-align:left;
padding-top: 20px;
margin: 0 40px;
}

body {
position:relative;
}

.sidemenu{
position:absolute;
background-color: #FFf;
width:170px;
height:740px;
margin-top: 10px;
list-style:none;
text-align:left;
z-index:0;
padding:0 35px;
padding-top:60px;

}

.sidemenu li a{
color:#222222;
padding: 0em 1em;
line-height: 3em;
border-bottom: dashed 1px #696868;
display:block;
}


.sidemenu li a:hover {
color:#D68D26;
}

HTML：

<body> <!-- start of the body-->
            <ul class="sidemenu">
                <li><a href="">About Us</a></li>
                <li><a href="">Contact Us</a></li>
                <li><a href="">FAQ</a></li>
                <li><a href="">How To Order</a></li>
                <li><a href="">Term And Agreement</a></li>
                <li><a href="">Shipping Information</a></li>
            </ul>
            <div id="about-us">

            <p><h2>About Us</h2>Lorem ipsum dolor sit amet, consectetur  .<br        />  .</p>
            </div>

            </body>
4

2 回答 2

2

为什么要在 ap 标签内放一个 h2 语句？你应该

<h2>About Us</h2>
<p>Lorem ipsum dolor sit amet, consectetur </p>

那么你的css文件应该读到这个

#about-us p {
text-align:left;
padding-top: 20px;
margin: 0 40px;
font-size: 12px; //(or whatever you want)
}
于 2013-01-07T21:48:47.903 回答
0

您的 p 标签内的 H2 标签导致了问题。

将 h2 移到 p 标签之外，然后它会选择 font-size: 800px 样式。

于 2013-01-07T21:55:27.490 回答