CSS中font-size屬性值有哪些種類

這篇文章主要介紹“CSS中font-size屬性值有哪些種類”，在日常操作中，相信很多人在CSS中font-size屬性值有哪些種類問(wèn)題上存在疑惑，小編查閱了各式資料，整理出簡(jiǎn)單好用的操作方法，希望對(duì)大家解答”CSS中font-size屬性值有哪些種類”的疑惑有所幫助！接下來(lái)，請(qǐng)跟著小編一起來(lái)學(xué)習(xí)吧！

一、長(zhǎng)度單位

長(zhǎng)度單位分為兩種，一種是相對(duì)長(zhǎng)度，另一種是絕對(duì)長(zhǎng)度。
以下為三種相對(duì)長(zhǎng)度單位：
◆em相對(duì)于父對(duì)象的大小
◆ex相對(duì)于特定字體中的字母x的高度
◆px相對(duì)于特定設(shè)備的分辨率，這是最最常用的單位，也是我們一直堅(jiān)守的單位。從技術(shù)角度來(lái)說(shuō)，px像素其實(shí)是一種相對(duì)大小的度量單位，它于特定設(shè)備的顯示或打印的分辨率有關(guān)。例如，一個(gè)像素在被顯示在計(jì)算機(jī)屏幕上與被打印在紙張上的大小是不同的。

以下為五種font-size屬性值絕對(duì)長(zhǎng)度單位：

絕對(duì)長(zhǎng)度單位在打印時(shí)或在屏幕顯示設(shè)備的物理尺寸已知時(shí)才比較有用。
◆in英寸
◆cm厘米
◆mm毫米
◆pt點(diǎn)
◆pc12點(diǎn)活字

二、相對(duì)大小的關(guān)鍵字

font-size屬性值相對(duì)大小的關(guān)鍵字只有兩個(gè)值：
◆larger
◆smaller
這兩個(gè)值的設(shè)定與父對(duì)象的設(shè)定值有關(guān)。我們可以像理解老式的<small><big>那樣來(lái)理解它們。它們是設(shè)定文字大小的最基本的方式，并會(huì)受到上層對(duì)象的文字大小定義的影響。

三、絕對(duì)大小的關(guān)鍵字

這類關(guān)鍵字共有7個(gè)，他們的實(shí)際大小根據(jù)不同的瀏覽器及設(shè)備來(lái)決定。

◆xx-small
◆x-small
◆small
◆medium
◆large
◆x-large
◆xx-large

W3C建立建議瀏覽器開發(fā)公司，將每個(gè)關(guān)鍵字之間的比例設(shè)定為1.5。并推薦讓這個(gè)比例保持恒定，媽medium是small的1.5倍。同樣large是medium的1.5倍。

四、百分比

font-size屬性值中使用百分比設(shè)置大小，將在容器對(duì)象文字大小的基礎(chǔ)上進(jìn)行改變。如果我們?cè)O(shè)置body的文字大小為10。我們?cè)O(shè)置p的文字大小為150%，則p的文字大小就為15。不管10是什么樣的單位，百分比作為一種比例進(jìn)行縮放調(diào)整。

到此，關(guān)于“CSS中font-size屬性值有哪些種類”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí)，請(qǐng)繼續(xù)關(guān)注億速云網(wǎng)站，小編會(huì)繼續(xù)努力為大家?guī)?lái)更多實(shí)用的文章！