css絕對單位是什麼

青灯夜游
發布: 2022-07-26 16:09:30
原創
4451 人瀏覽過

在css中,絕對單位全名為“絕對長度單位”,是一個固定的值,它反應一個真實的物理尺寸;絕對單位視輸出介質而定,不依賴於環境(顯示器、分辨率、作業系統等)。 css絕對單位有cm(公分)、mm(毫米)、in(英吋)、px(像素)、pt(點)、pc(派卡)。

css絕對單位是什麼

本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。

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

相對單位

相對長度單位指定了一個長度相對於另一個長度的屬性。對於不同的設配相對長度更適用。

##它是描述相對於套用在目前元素的字體尺寸,所以它是相對長度單位。一般瀏覽器字體大小預設為16px,則2em == 32px#ex依賴英文字母小x的高度
單位 描述
#em
##ch 數字0的寬度
rem rem是根(root em)的縮寫,相對於根元素字體大小(相對的只是HTML根元素);
vw viewpoint width,視窗寬度,1vw = 視窗寬度的1%
#vh viewpoint height,視窗高度,1vh = 視窗高度的1%
vmin

vw和vh中較小的一個

vmax

vw和vh中較大的一個##絕對長度單位是一個固定的值,它反應一個真實的物理尺寸。絕對長度單位視輸出媒體而定,不依賴環境(顯示器、解析度、作業系統等)#描述#cm厘米#mm毫米in英吋(1in= 96px = 2.54cm)px#pt

point (1pt = 1/72in)

pc

pica 大約12pt(1pc = 12pt)

css絕對單位是什麼

css px單位---最常使用的長度單位

#px又稱為:像素,是螢幕媒體(即在電腦螢幕上讀取)固定大小的單元,是一個以角度度量的單位。一個像素等於電腦螢幕上的一個點 (即:螢幕解析度的最小分割),web頁面可以精確地按像素完美呈現的。我們看看如何設置,例:

.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領域,英吋只不過被直接映射成像素罷了。

.demo{  font-size: 0.5in; }
登入後複製

css絕對單位是什麼

css mm單位

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

.demo{  font-size: 10mm; }
登入後複製

css絕對單位是什麼

css cm單位

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

.demo{  font-size: 1cm; }
登入後複製

####擴展知識:#########我們來看看這些長度單位是如何換算的:###
1in = 2.54cm = 25.4 mm = 72pt = 6pc=96px
登入後複製
###下面我們給出pt與px的相互轉換的公式:###
px = pt *(96/72)
pt=px*(72/96)
登入後複製
###(學習影片分享:###web前端入門###)###

以上是css絕對單位是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!