畫素
- 螢幕（顯示器）實際上是由乙個乙個的小點點構成的
- 不同螢幕的畫素大小是不同的，畫素越小的螢幕顯示的效果越清晰
- 所以同樣的200px在不同的裝置下顯示效果不一樣
百分比 - 也可以將屬性值設定為相對於其父元素屬性的百分比
- 設定百分比可以使子元素跟隨父元素的改變而改變
<
!doctype html>
"en"
>
"utf-8"
>
"viewport" content=
"width=device-width, initial-scale=1.0"
>
長度單位<
/title>
.box1
.box2
<
/style>
<
/head>
="box1"
>
="box2"
>
<
/div>
<
/div>
<
/body>
<
/html>
em
- em是相對於元素的字型大小來計算的
-1em =
1font-size
- em會根據字型大小的改變而改變
rem - rem是相對於根元素的字型大小來計算
<
!doctype html>
"en"
>
"utf-8"
>
"viewport" content=
"width=device-width, initial-scale=1.0"
>
長度單位<
/title>
.box1
.box2
.box3
<
/style>
<
/head>
="box1"
>
="box2"
>
<
/div>
<
/div>
="box3"
>
<
/div>
<
/body>
<
/html>
<
!doctype html>
"en"
>
"utf-8"
>
"viewport" content=
"width=device-width, initial-scale=1.0"
>
長度單位<
/title>
html
.box1
.box2
.box3
<
/style>
<
/head>
="box1"
>
="box2"
>
<
/div>
<
/div>
="box3"
>
<
/div>
<
/body>
<
/html>
常用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 ...
css 長度與單位
css 分為絕對長度和相對長度兩種。css支援的絕對長度單位in,cm,mm,pt,pc 單位英文 描述in inches 英吋，英製單位，1英吋等於2.54厘公尺 cmcentimeters 厘公尺，公制單位 mmmillimeters 公釐，公制單位 ptpoints 點，1點等於1 72inc...