實用CSS教程:從基礎開始(三)

來源:互聯網
上載者:User
六.控制字型的樣式 
  控制字型的樣式包括控制字型類型、字型大小、字型風格、字型粗細四個部分。
 
  1.字型類型 
  平時在使用WORD之類的文書處理軟體的時候,經常需要調整字型的顯示,比如說“Arial”、“Impact”、“Verdana”等字型都是筆者使用的較多的。
  基本格式如下: 
  font-family: 字型名稱 
  如果在font-family後加上多種字型的名稱,瀏覽器回按字型名稱的順序逐一在使用者的電腦裡尋找已經安裝的字型,一旦遇到與要求的相匹配的字型,就按這種字型顯示網頁內容,並停止搜尋;如果不匹配就繼續搜尋,直到找到為止,萬一樣式表裡的所有字型都沒有安裝的話,瀏覽器就會用自己預設的字型來替代顯示網頁的內容。
  注意: 
    當指定多種字型時,用“,”分隔每種字型名稱。
    當字型名稱包含兩個以上分開的單詞時,用“”把該字型名稱括起來。
    當樣式規則外已經有“”時,用'’代替“”。
  2.字型大小 
  基本格式如下: 
  font-size: 字型大小參數 
  字型大小的取值範圍: 
    以Point為單位:點單位在所有的瀏覽器和操作平台上都適用 
    以Em為單位:指字母要素的尺寸,和Point相同距離 
    以Pixes為單位:像素可以使用於所有的操作平台,但可能會因為瀏覽者的螢幕解析度不同,而造成顯示上的效果差異 
    以in(英寸)為單位 
    以cm(厘米)為單位 
    以mm(毫米)為單位 
    以pc(印表機的字型大小)為單位 
    以ex(x-height)為單位 
    smaller:比當前文字的預設大小更小一號 
    larger:比當前文字的預設大小更小大號 
    使用比例關係 
    xx-small 
    x-small 
    small 
    medium 
    large 
    x-large 
    xx-large 
  3.字型風格 
  字型風格只能控制各種斜體字的顯示。
  基本格式如下: 
   font-style: 斜體字的名稱 
  4.字型粗細 
  字型粗細控制粗體字的顯示,取值範圍從數字100~900,瀏覽器預設的字型粗細為400。另外可以通過參數lighter和bolder使得字型在原有基礎上顯得更細或更粗些。
  基本格式如下: 
   font-weight: 字型粗細 
  
相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.