網(wǎng)站制作NEWS
CSS
在網(wǎng)頁設(shè)計(jì)中,CSS的font-size屬性對(duì)字體大小進(jìn)行控制。很多人在使用這個(gè)屬性時(shí),對(duì)它的具體意義感到困惑。設(shè)置font-size為特定值,如48px,到底代表什么?這其實(shí)指的是一個(gè)稱為"em square"或"em size"的概念。
想象一下,傳統(tǒng)活字印刷中,每個(gè)字母都被單獨(dú)雕刻在獨(dú)立的木塊或金屬上。這些木塊或金屬塊稱為字模,而字母大小各不相同。為了方便排版,設(shè)計(jì)者選擇一個(gè)特定的字母作為基準(zhǔn),通常選擇大寫字母M。設(shè)計(jì)者將M設(shè)計(jì)成一個(gè)寬高相同的正方形,以其寬度作為所有字模的高度,這個(gè)M的方塊就是em square。在數(shù)字時(shí)代,這個(gè)概念被繼承并應(yīng)用在字體設(shè)計(jì)軟件中。
當(dāng)我們?cè)O(shè)置font-size為48px時(shí),實(shí)際上就是指定了em square的高度為48px。但這并不意味著文字的實(shí)際高度就是48px,因?yàn)樽煮w設(shè)計(jì)者在設(shè)計(jì)字體時(shí),會(huì)根據(jù)需要調(diào)整文字的高度,使之小于或等于em square的高度。文字的寬度同樣受限于em square的寬度。
要驗(yàn)證font-size的確切效果,只需將一個(gè)元素的高度設(shè)置為1em,就能看到其實(shí)際高度。添加背景和外邊距可以更清楚地觀察效果。這時(shí),你會(huì)感覺到一種用字模排版的直觀體驗(yàn)。
所有文字都基本包含在一個(gè)藍(lán)色矩形中,但一些字母在字體的基線下面有延伸,其底部略微超出了藍(lán)色矩形。這正是字體設(shè)計(jì)時(shí)有意為之的結(jié)果。
值得注意的是,活字印刷術(shù)在我國古代并不常見。這主要是因?yàn)闈h字?jǐn)?shù)量眾多,字模的維護(hù)和使用較為復(fù)雜。相比之下,西方以拉丁文為主的國家非常適合使用活字印刷,因?yàn)樽帜笖?shù)量有限,便于雕刻、維護(hù)和排版。
多重隨機(jī)標(biāo)簽
個(gè)人怎么查詢公司注冊(cè)信息 中國信網(wǎng)的介紹 薊縣二手房信息 金蝶注冊(cè)機(jī)的加密狗是怎么做的 英語作文寫肥城20年之后的變化80字 薊縣還有哪些新樓盤 綏化學(xué)院外國語學(xué)院學(xué)院發(fā)展 php站內(nèi)搜索怎么做 烈焰游戲背景 源碼時(shí)代時(shí)代是否是騙局 新建公司設(shè)計(jì)費(fèi)怎么做會(huì)計(jì)分錄 什么是錨點(diǎn) 網(wǎng)上的免費(fèi)代理ip是怎么找到的 自制古裝衣服教程 costa有區(qū)分大小杯但喜茶 貴陽必去的五個(gè)景點(diǎn) 嘉興大向網(wǎng)絡(luò)科技有限公司怎么樣 怎么自制肥皂泡泡給孩子玩 vigorl是什么意思 怎么接計(jì)算機(jī)外包項(xiàng)目 建設(shè)銀行開通手機(jī)銀行每個(gè)月要錢嗎 ie八大手法 成都桂花樹被砍處罰施工單位50萬古樹能用金錢衡量嗎 政府站點(diǎn)是什么意思啊 昆明五華區(qū)包含哪些 如何diy飲料瓶做燈籠方法圖解 聯(lián)想萬全r630 g7 d7420 4g47146anp無導(dǎo)軌管理及其他 請(qǐng)問手機(jī)一鍵伏化刪除會(huì)刪掉保存的照片嗎 dtⅡ型帶式輸送機(jī)設(shè)計(jì)手冊(cè)內(nèi)容簡介 如何理解計(jì)算機(jī)網(wǎng)絡(luò)對(duì)信息化建設(shè)的支持作用