在開發網路應用時，沒有比外觀更重要的事情了。所以，如果發現設計人員十分關注字型及字型大小，我不會感到奇怪!
在設計網路應用時，您必須決定如何編輯字型。使用CSS時存在大量選項，每個開發人員都有自己的喜好。本文主要討論字型大小和網路應用內的操作。
字型大小
CSS2規範根據長度——水平和垂直尺寸——來定義字型。這個長度為一個數值，前面可能帶一個可選的加(+)或減(-)標記符。另外，該數值後可能有一個可選的單位標識符。
另外，CSS2規範定義了兩個單位類型:絕對單位和相對單位。絕對值指定單位，而相對單位指定一個與另一個值成比例的值。下面的列表列出了相對單位標識符:
下面是有效絕對單位標識符:
測量絕對大小的另一種方法是使用衡量一個值的比例因數，應用以下關鍵字:最小、較小、小、中、大、較大和最小。中為基值，變小就減去一個因數，變大就增加一個因數，等等。CSS2規範定義的比例因數為1.2，這個值也可能依瀏覽器而變化。
還可以應用百分比值來格式化文本。百分比值是一個可選的標記符，即數字後帶有一個百分比符號(%)。百分比值總是與另一個值成比例。就字型而言，它與網頁的基本字型大小成一定比例。
如您所見，有許多方法可完成呈現文本這個看似簡單的任務。下面的HTML格式文本(在段落元素中)應用了各種單位標識符。其中所有的值都相等，並假定以72dpi進行顯示。
| 以下是引用片段： <html><head> <title>Font Sizing - equal values</title> </head><body> <p style="font-size: 36pt;">Point</p> <p style="font-size: 3pc;">Pica</p> <p style="font-size: 0.5in;">Inches</p> <p style="font-size: 1.27cm;">Centimeters</p> <p style="font-size: 12.7mm;">Millimeters</p> <p style="font-size: 300%;">Percentage</p> </body></html> |
您可以在這個列表中增加像素值，但它的值要依環境而定。例如，我的解析度為1280X1024的手提電腦將顯示與在上表中使用50像素值一致的文本。
仔細閱讀前面提到的CSS2規範，可以獲得更多字型大小方面的知識。現在我將討論如何決定在網路應用中使用哪種方法。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
