国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發(fā) > CSS > 正文

CSS網頁制作教程:字體單位em簡介

2024-07-11 09:03:16
字體:
來源:轉載
供稿:網友

武林網(www.survivalescaperooms.com)文章簡介:國外人士非常重視網站的易用性,相當一部分外國站點已經使用em作為字體單位.

剛學網頁制作的時候,老師曾經告訴我必須用CSS強制定義字體大小,否則保證每個人都看到一致的效果。這一點在現(xiàn)在的中國站點尤為明顯。包括網易、搜狐這些門戶網站在內的大部分站點,用的都是絕對單位px(像素)。但是,如果從網站易用性方面考慮,字體大小應該是可變的,一些視力不是那么好的人需要放大字體才能看得清頁面內容。然而,占據(jù)大部分瀏覽器市場的IE無法調整那些使用px作為單位的字體大小。國外人士非常重視網站的易用性,相當一部分外國站點已經使用em作為字體單位。

1em指的是一個字體的大小,它會繼承父級元素的字體大小,因此并不是一個固定的值。任何瀏覽器的默認字體大小都是16px。因此,12px = 0.75em。實際應用中為了方便換算,通常會如下設置樣式:

html { font-size: 62.5%; }

這樣,1em = 10px。我們常用的1.2em理論上就是12px。但是,這個換算在IE瀏覽器下不成立,1.2em會比12px稍大一些,解決辦法是把html標簽樣式中的62.5%改成63%,即:

html { font-size: 63%; }

在中文的文章中,一般會在段首空兩格。如果用px作為單位,對12px字體來說需要空出24px,對14px字體來說需要空出28px……這樣換算非常不通用。如果用上em單位,這個問題就很好解決了,1個字的大小就是1em,那兩個字的大小就是2em。因此,只需這樣定義就行了:

p { text-indent: 2em; }

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 海丰县| 磴口县| 梁山县| 临桂县| 永兴县| 从化市| 潼关县| 潍坊市| 高邮市| 余庆县| 日土县| 霍林郭勒市| 滕州市| 泰和县| 廉江市| 萨迦县| 和静县| 泰兴市| 柯坪县| 高阳县| 神池县| 通辽市| 洱源县| 百色市| 同江市| 静宁县| 普兰店市| 运城市| 综艺| 兴安盟| 海兴县| 吕梁市| 河南省| 那坡县| 寻乌县| 吉林省| 宁乡县| 夏河县| 丰城市| 招远市| 青田县|