CSS中的長度問題 Day76

2021-06-22 23:08:08 字數 922 閱讀 3578

今天沒有繼續昨天的問題,因為今天沒時間,從來就感覺自己在忙,不過可喜的是,以前我在忙著迷茫,現在我在忙著勵志...記得有句話說的特別好「那些想明白了就可以不做的事情,往往不做就想不明白」,這句話讓我佩服很久,那些曾經的日子總在提醒我要珍惜現在。

說說css的幾種距離吧,大致有px、em、pt、pc、in、mm、cm、ex八種,其中最常見到的是px,我還見到過的有ex和mm、cm,當然後兩個在當年見的更多。

其實px,我們最熟悉,而在電腦上也應用最多,因為顯示器的解析度就是...px*....px,我們知道解析度的話是不是對於瀏覽器最大時對介面的實際更方便簡潔,應該有這麼個原因吧。

而em則是相對長度單位,是相對於系統的預設字型尺寸來的;

至於我們最常見的mm和cm就是我們純正意義上的cm和mm了,他們都是絕對長度單位,帶了「絕對」也就知道了吧。

而剩下的四個,我見得比較少,不過這裡 也還是把它的一些問題簡單記錄下吧:

ex同樣是相對長度,而它的參照則不是系統預設的字型尺寸了,而是相對於字元"x"的高度;

in、pc、pt則都是絕對長度,他們之間的換算關係為:1in=2.54cm=25.4mm=72pt=6pc

當然相對長度也有其相應的換算關係,那就是:16px=1em=100%=12pt

需注意,px尚存在弊端:在ie6下,無法實現字型縮放的功能。

又晚了,去睡啊...

CSS中的長度單位

在css中存在眾多的長度單位,它們又有什麼意思與用途呢?在css中,長度單位分為兩種,絕對長度與相對長度 絕對長度 px,cm,in,mm,pt,px,px 相對長度 em,rem,vh,vw,vmin,vmax,fr 絕對長度 px 即畫素pixel,它是最基礎也是最常用的乙個長度單位 cm 即厘...

理解css中的長度單位

很基礎的乙個問題,但是,其實看起來很複雜的樣子 我們來捋一捋吧 css3中也對css中用到的單位進行了改進,單位也就是那幾個,所以我們要搞清楚再用。我們常用的有px em,px就不多說了,em和 多說點兒 1 2 3.box 元素的行高是當前元素繼承的font size的1.3倍,1 2 3.box...

CSS中的 顏色值 長度值

p 這個與 photoshop 中的 rgb 顏色是一致的,由 r red g green b blue 三種顏色的比例來配色。p每一項的值可以是 0 255 之間的整數,也可以是 0 100 的百分數。如 p這種顏色設定方法是現在比較普遍使用的方法 其原理其實也是 rgb 設定,但是其每一項的值由...