3/25/2007

用PX還是PT?(二)

用PX(pixer)有很多好處,它方便我們計算。
A.螢幕顯示是以px計算的,像螢幕顯示是800*600是以pixer作單位
B.網頁所用圖片,也以pixer來計算


範例1:假設12px大小字體10行,則為10*12px=120px,可輕鬆計算出其總的高度在整體頁面上是如何大小,
然後我們考慮用一個120px高的表格就可剛好包住這10行字,或斷行長度.對齊圖片等等,都可輕鬆計算出來,某些狀況下這有助於規劃網頁。(此處表格僅為舉例,實際上較優良的表格設計請見此文)
範例2.:如果網頁預設最佳瀏覽為800*600,用px做為單位,可較容易掌握網頁內容物規劃,例如框架設定大小.欄位表格.何時斷行.可放置幾個欄位...等等。


C.HTML代碼所默許的值,也是pixer。在沒有設定單位時,例如:width=100則會默許px為單位,成為width=100px。但是不寫明單位的語法撰寫,並不良好。現今已不合乎w3c所規定國際認可的標準,卻也是國內網頁設計者常見錯誤。


px仍有不適用的時候,此時可改用em 或 %這樣的相對單位。



附錄˙w3c所規定與字型相關資料(英文)
以萬維網標準設計您的網頁(中文) 分享本篇文章

沒有留言:

LinkWithin

Related Posts Plugin for WordPress, Blogger...