CSS的長度單位

2021-05-23 16:19:34 字數 469 閱讀 4494

css相對長度單位中的相對二字,表明了其長度單位會隨著它的參考值的變化而變化,不是固定的。

以下是css相對長度單位列表:

css相對長度單位

說明em

元素的字型高度the height of the element's font

ex字母x的高度the height of the letter "x"

px畫素pixels

%百分比percentage

絕對長度單位是乙個固定的值。比如我們常用的有mm,就是公釐的意思。

以下是css絕對長度單位列表:

css絕對長度單位

說明in

英吋inches (1 英吋 = 2.54 厘公尺)

cm厘公尺centimeters

mm公釐millimeters

pt點points (1點 = 1/72英吋)

pc皮卡picas (1 皮卡 = 12 點)

css 長度單位

畫素 螢幕 顯示器 實際上是由乙個乙個的小點點構成的 不同螢幕的畫素大小是不同的,畫素越小的螢幕顯示的效果越清晰 所以同樣的200px在不同的裝置下顯示效果不一樣 百分比 也可以將屬性值設定為相對於其父元素屬性的百分比 設定百分比可以使子元素跟隨父元素的改變而改變 doctype html en u...

CSS 的長度單位

長度單位包括包括 相對單位和絕對單位。相對長度單位包括有 em,ex,ch,rem,vw,vh,vmax,vmin 絕對長度單位包括有 cm,mm,q,in,pt,pc,px em相對長度單位。相對於當前物件內文字的字型尺寸。如當前對行內文字的字型尺寸未被人為設定,則相對於瀏覽器的預設字型尺寸。ex...

css的長度單位

css中長度單位有很多,可謂五花八門,但可分為這兩類 絕對長度單位 彼此固定,不會因為其他元素的尺寸變化而變化。主要有cmmmqinpcptpx相對長度單位 指定相對於另一長度的長度。主要有emexchrem 和可視區百分比長度單位vmvhvminvmaxpx單位名稱為畫素,畫素或許被認為是最好的 ...