2

私のcssコードは

#footer .right {
    font-weight: bold;
    color: #ffffff;
    margin: 0px auto;
    padding: 10px 0px 0px;
    float: right;
}

そしてテキストは

<p class="right">Copyright &copy; 2012 SiteName. All Rights Reserved.<br />
         Powered By ScriptName</p>

設定する必要があります：

"Copyright © 2012 SiteName.All Rights Reserved." のテキスト フォント サイズ (12px)

"Powered By ScriptName" のテキスト フォント サイズ (11px)

それはまさにそのように見えるはずです

ここに画像の説明を入力

どうすればそれができますか？

アップデート

皆さんの有益な助けに感謝します:)

よろしく

4

4 に答える 4

3

スパンを使用するのが最も簡単です。このような...

<p class="right">Copyright &copy; 2012 SiteName. All Rights Reserved.<br />
     <span class="small">Powered By ScriptName</span></p>

そしてcss

#footer .right {
font-size: 12px;
}

.small {
font-size: 11px;
}
于 2012-07-13T02:29:38.773 に答える
2

各行に 2 つの異なる段落を使用します。それぞれに独自のクラスを与えます。それらのクラスをターゲットにして、特定のスタイルを適用します。

それらを div でラップし、共通のスタイルを適用します。

HTML

<div class="footerTxt">
    <p class="copyright">Copyright &copy; 2012 SiteName. All Rights Reserved.</p>
    <p class="poweredBy">Powered By ScriptName</p>
</div>

CSS

.footerTxt {
    font-weight: bold;
    color: #ffffff;
    margin: 0px auto;
    padding: 10px 0px 0px;
    float: right;
}

.copyright {
    font-size: 12px;
}

.poweredBy {
    font-size: 11px
}
于 2012-07-13T02:31:49.507 に答える
1

フッターを提供した画像と同じように見せるには、フォントのサイズ変更とは別に、追加のスタイリングが必要でしたが、CSS で参照できるようにするために 2 行目をラップする必要もありました。その後、<br />は不要になりました。

これが例です

html:

<div id="footer">
    <p class="right">Copyright &copy; 2012 SiteName. All Rights Reserved.
         <span id="secondline">Powered By ScriptName<span>
   </p>
</div>​

CSS:

#footer {
background:#25B5EA;
    width: 421px;
    height: 46px;
    font-family:Verdana, Geneva, sans-serif; 
}
#footer .right {
    color: #ffffff;
    margin: 0px auto;
    padding: 7px 0px 0px;
    width: 330px;
    font-size: 12px;
    float: right;
    line-height: 16px;
}
#footer #secondline {
 font-size: 11px;   
}

</p>

于 2012-07-13T02:38:13.997 に答える
1

HTML:

<p class="right">Copyright &copy; 2012 SiteName. All Rights Reserved.<br />
<span>Powered By ScriptName</span></p>

CSS:

#footer .right {
    ...
    font-size: 12px;
}

#footer .right span {
    font-size: 11px;
}

例: http://jsfiddle.net/4CpRk/

于 2012-07-13T02:28:18.367 に答える