萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> DivCSS教程 >> CSS font用法定義詳解

CSS font用法定義詳解

   CSS font似乎在CSS中簡單的不能再簡單的,幾乎每個CSS的開始位置都會見到地font網頁字體的定義,如果你剛接觸CSS,那和你更應該看一下本篇教程,將對CSS的Font設置做詳細講解。

  一、CSS使用“font-size”屬性來控制字體大小。

  對font-size的取值單位是:points, pixels等單位,即pt/px;14px字號相當於10.5pt,9pt相當於12px,你可以換算下這個關系。

  CSS定義網頁上所有地方都顯示9號字體,可以這樣定義font:body{ font-size: 9pt },這樣在網頁的Body區域中,所有字體都將顯示為9號字,如果你的網頁中有其它布局元素,比如td,那麼也可單獨定義td中要顯示的字體字號大小:td{ font-size: 10pt },這樣即使body中定義了字體,但因為又重新定義了td,這樣當浏覽器執行到的時候,會匹配最近的一次定義,字號將顯示10pt。

  告訴浏覽器以9 points的尺寸顯示標簽內的字符,本頁就采用9pt的字體,我認為“宋體+9pt”是非常漂亮的選擇。Points是確定文字尺寸非常好的單位,它在所有的浏覽器和操作平台上都適用。

  下面說下使用px/pt的區別:px即英文“象素”pixels的縮寫,缺點是頁面顯示不穩定,字體有時會時大時小,而使用“點”points,也就是pt就沒有此問題。

  除了PX/PT,你還可以使用如下的單位:in (英寸)、cm (厘米)、mm (毫米)。

  二、使用font-family定義字體名稱

  使用CSS定義字體名稱,一般是這樣:

  { font-family:Arial } 可以只設置一種字體。

  { font-family:Arial,Helvetica,sans-serif } 也可以設置多種字體,將按照字型順序查找顯示。

  { font-family:"Courier New" } 字型名字包括2個以上的詞時,要使用引號。

  三、字體粗細控制

  { font-weight:bold } 字體加粗,還可以使用:extra-light,light,demi-light,medium,demi-bold,bold,extra-bold等參數。

  font-family{ font-style:italic } 設置字體傾斜,可以使用normal,italic兩個參數。

        :更多精彩教程請關注三聯教程 頻道,

copyright © 萬盛學電腦網 all rights reserved