css 長度與單位

2021-06-19 06:44:19 字數 474 閱讀 6102

css 分為絕對長度和相對長度兩種。

css支援的絕對長度單位in,cm,mm,pt,pc

單位英文

描述in

inches

英吋,英製單位,1英吋等於2.54厘公尺

cmcentimeters

厘公尺,公制單位

mmmillimeters

公釐,公制單位

ptpoints

點,1點等於1/72inches英吋,印刷設計中使用的單位

pcpicas

鉛字,1個pc等於12個point點,印刷設計中使用的單位

絕對長度單位通常用於列印

css支援的相對長度單位em,ex,px

單位英文

描述em

無依賴於最近的字型尺寸ex無

依賴於英文子母小x的高度

pxpixels

畫素,依賴於使用者的顯示裝置

相對長度依賴於使用的環境

css 長度單位

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

常用CSS長度單位

em 相對長度單位。相對於當前物件內文字的字型尺寸。如當前對行內文字的字型尺寸未被人為設定,則相對於瀏覽器的預設字型尺寸。ex 相對長度單位。相對於字元 x 的高度。此高度通常為字型尺寸的一半。如當前對行內文字的字型尺寸未被人為設定,則相對於瀏覽器的預設字型尺寸。px 畫素 pixel 相對長度單位...

CSS的長度單位

css相對長度單位中的相對二字,表明了其長度單位會隨著它的參考值的變化而變化,不是固定的。以下是css相對長度單位列表 css相對長度單位 說明em 元素的字型高度the height of the element s font ex字母x的高度the height of the letter x ...