溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

css絕對單位指的是什么

發(fā)布時間:2022-07-26 16:49:08 來源:億速云 閱讀:152 作者:iii 欄目:web開發(fā)

這篇文章主要講解了“css絕對單位指的是什么”,文中的講解內(nèi)容簡單清晰,易于學(xué)習(xí)與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學(xué)習(xí)“css絕對單位指的是什么”吧!

在css中,絕對單位全稱“絕對長度單位”,是一個固定的值,它反應(yīng)一個真實的物理尺寸;絕對單位視輸出介質(zhì)而定,不依賴于環(huán)境(顯示器、分辨率、操作系統(tǒng)等)。css絕對單位有cm(厘米)、mm(毫米)、in(英寸)、px(像素)、pt(點)、pc(派卡)。

本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

css長度單位可分為:相對長度單位 和 絕對長度單位。

相對單位

相對長度單位指定了一個長度相對于另一個長度的屬性。對于不同的設(shè)配相對長度更加適用。

單位描述
em它是描述相對于應(yīng)用在當前元素的字體尺寸,所以它是相對長度單位。一般瀏覽器字體大小默認為16px,則2em == 32px
ex依賴于英文字母小x的高度
ch數(shù)字0的寬度
remrem是根(root em)的縮寫,相對于根元素字體大?。ㄏ鄬Φ闹皇荋TML根元素);
vwviewpoint width,視窗寬度,1vw = 視窗寬度的1%
vhviewpoint height,視窗高度,1vh = 視窗高度的1%
vminvw和vh中較小的一個
vmaxvw和vh中較大的一個

絕對單位

絕對長度單位是一個固定的值,它反應(yīng)一個真實的物理尺寸。絕對長度單位視輸出介質(zhì)而定,不依賴于環(huán)境(顯示器、分辨率、操作系統(tǒng)等)

單位描述
cm厘米
mm毫米
in英寸(1in= 96px = 2.54cm)
px像素
ptpoint (1pt = 1/72in)
pcpica 大約12pt(1pc = 12pt)

css px單位---最經(jīng)常使用的長度單位

px又名為:像素,是屏幕媒體(即在電腦屏幕上讀?。┕潭ù笮〉膯卧?,是一個按角度度量的單位。一個像素等于電腦屏幕上的一個點 (即:屏幕分辨率的最小分割),web頁面可以精確按像素完美呈現(xiàn)的。我們看看如何設(shè)置,例:

.demo{  font-size: 40px; }

css絕對單位指的是什么

css pc單位

pc:派卡(Pica),相當于我國新四號鉛字的尺寸。

.demo{  font-size: 4pc; }

css絕對單位指的是什么

css pt單位

pt:點(Point),絕對長度單位

.demo{  font-size: 40pt; }

css絕對單位指的是什么

css in單位

in:英寸(Inch),一個物理度量單位,但是在CSS領(lǐng)域,英寸只不過被直接映射成像素罷了。

.demo{  font-size: 0.5in; }

css絕對單位指的是什么

css mm單位

mm:毫米(Millimeter),是個小數(shù)量級的物理度量單位。

.demo{  font-size: 10mm; }

css絕對單位指的是什么

css cm單位

cm:厘米(Centimeter),對于世界上大多數(shù)的人來說,是比較熟悉有用的物理度量單位。在css中它也映射成像素。

.demo{  font-size: 1cm; }

css絕對單位指的是什么

擴展知識:

我們來看看這些長度單位是如何換算的:

1in = 2.54cm = 25.4 mm = 72pt = 6pc=96px

下面我們給出pt與px的相互轉(zhuǎn)換的公式:

px = pt *(96/72)
pt=px*(72/96)

感謝各位的閱讀,以上就是“css絕對單位指的是什么”的內(nèi)容了,經(jīng)過本文的學(xué)習(xí)后,相信大家對css絕對單位指的是什么這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是億速云,小編將為大家推送更多相關(guān)知識點的文章,歡迎關(guān)注!

向AI問一下細節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

css
AI