DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> CSS改變字體大小而不影響網頁
CSS改變字體大小而不影響網頁
編輯:CSS詳解     

   我們在網頁中使用CSS來設置網頁、表格和字體大小,一般使用的是網絡上較流行的9磅字:

  <STYLE type=TEXT/CSS>
  BODY { COLOR: #ff0000; FONT-FAMILY: 宋體; FONT-SIZE: 9pt}
  </STYLE>

    在CSS中,我把FONT-SIZE設置成9pt,在顯示設置成小字體時,我們看到的就是小五號字體顯示,但在設置大字體的計算機中就會變成了11磅,網頁自然會亂。

  CSS可以識別多種數值單位,一般有兩種確定文字尺寸的常用單位:pt(points)和px(pixels)。pt代表在文本方式下的點陣字體的那個點,而px是屏幕像素單位。由於所有的計算機系統都支持px單位,只是由於各個計算機所設的顯示屏幕的分辨率不一樣而產生變化,但現在計算機分辨率相差並不是很明顯,所以這個問題就很好地解決了。它們之間有一個簡單的換算關系,就是pt單位乘以4/3就是px單位,因此把網頁FONT-SIZE設置成12px(同9pt大小),就可以解決這個問題。設置成大字體看看,與小字體沒什麼區別!

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved