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 に答える