Dreamweaver 教程-CSS文字屬性(font屬性)

2022-05-05發(fā)布者：ylm大?。?/span> 下載：0

文件大小:

軟件介紹

1.定義字體(font-family)

（1）以下例子分別為三個(gè)段落指定了三種不同的字體。注：中文的字體要使用引號，而英文字體則不需要。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>下載吧教程-css文字屬性(font屬性)</title>
    <meta http-equiv="Content-Type"
    content="text/html; charset=gb2312" /> 
    <style type="text/css">
    <!－－
        p.song { font-family: "宋體"; }
        p.hei { font-family: "黑體"; }
        p.eng { font-family: Arial; }
    －－>
    </style>
    </head>
    <body>
    <p class="song">我的字體是宋體</p>
    <p class="hei">我的字體是黑體</p>
    <p class="eng">My font family is Arial.</p>
    </body>
    </html>

（2）如果網(wǎng)站訪客的電腦沒有安裝你指定的字體，那就會(huì)出現(xiàn)顯示效果的差異。為了避免這種情況我們可以指定備用字體，示例如下：

p { font-family: "黑體", "宋體", "新宋體"; }

當(dāng)訪客電腦沒有黑體時(shí)會(huì)顯示宋體，宋體都沒有就會(huì)顯示新宋體。

2.定義文字大小(font-size)

以下示例只保留核心源碼，其他部分源碼請自行添加。

…… 
      p.f12 { font-size: 12px; }
      p.f16 { font-size: 16px; }
      p.f20 { font-size: 20px; }
          ……  
    <p class="f12">我12像素</p>
    <p class="f16"><span class="16">我16像素</span></p>
    <p class="f20"><span class="20">我20像素</span></p>
          ……

通常中文網(wǎng)站的文字大小一般為12px（像素），使用像素定義字體大小有明顯的優(yōu)點(diǎn)：精確，方便。

3.定義文字樣式(font-style)

…… 
    p.ita { font-style: italic; }
    …… 
    <p>我是正常樣式</p>
    <p class="ita">我是斜體</p>
          ……

4.定義文字粗細(xì)(font-weigh)

…… 
   p.b{ font-weight: bold; }
   …… 
    <p>我是正常的字體。</p>
    <p class="b">我是粗體</p>
     ……
發(fā)表評論(共0條評論)
請自覺遵守互聯(lián)網(wǎng)相關(guān)政策法規(guī)，評論內(nèi)容只代表網(wǎng)友觀點(diǎn)，發(fā)表審核后顯示！

版權(quán)聲明：

1 本站所有資源（含游戲）均是軟件作者、開發(fā)商投稿，任何涉及商業(yè)盈利目的均不得使用，否則產(chǎn)生的一切后果將由您自己承擔(dān)！

2 本站將不對任何資源負(fù)法律責(zé)任，所有資源請?jiān)谙螺d后24小時(shí)內(nèi)刪除。

3 若有關(guān)在線投稿、無法下載等問題，請與本站客服人員聯(lián)系。

4 如侵犯了您的版權(quán)、商標(biāo)等，請立刻聯(lián)系我們并具體說明情況后，本站將盡快處理刪除，聯(lián)系QQ:2499894784

返回頂部