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

2022-05-05發(fā)布者：ylm大小： 下載：0

文件大小:

軟件介紹

1.定義字體(font-family)

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

<!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）如果網站訪客的電腦沒有安裝你指定的字體，那就會出現顯示效果的差異。為了避免這種情況我們可以指定備用字體，示例如下：

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

當訪客電腦沒有黑體時會顯示宋體，宋體都沒有就會顯示新宋體。

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>
          ……

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

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

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

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

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

版權聲明：

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

2 本站將不對任何資源負法律責任，所有資源請在下載后24小時內刪除。

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

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

返回頂部