CSS畫布尺寸對照表 CSS畫布尺寸是指網頁中元素的寬度、高度和邊框的厚度。這些尺寸對于頁面布局和設計非常重要。下面是關于CSS畫布尺寸的對照表： 1. 像素（px） 像素是CSS中最常用的單位之一，它指的是屏幕上的一個物理像素。當設置元素的寬、高或邊框寬度時，我們通常使用像素作為單位。例如：

p {
width: 400px;
height: 200px;
border: 1px solid #000;
}

2. 百分比（%） 百分比也是CSS中常用的單位之一，它是相對于父元素的寬度、高度或外邊距的百分比。這意味著如果我們將一個子元素的寬度設置為50%，那么它的寬度將等于其父元素的50%。例如：

div {
width: 80%;
height: 300px;
margin: 0 auto;
}

這個div元素將會占據其父元素寬度的80%，高度為300px，并且在水平方向上居中對齊。 3. em em是CSS中相對長度單位之一，它等于當前元素字體大小的倍數。例如，如果我們將一個元素的字體大小設置為16px，那么1em將等于16px。例如：

p {
font-size: 16px;
line-height: 1.5em;
padding: 1em;
}

這個段落元素的行高將等于其字體大小的1.5倍，并且將會具有1em的內邊距。 4. 固定值（固定長度） 固定長度是指在CSS中設置的具體數值，例如cm、mm、pt、in等。這些單位不受屏幕分辨率的影響，并且在打印時表現非常準確。例如：

img {
width: 5cm;
height: 3cm;
margin: 1cm;
}

這個圖片元素將會具有5cm寬度和3cm高度，并且將會具有1cm的外邊距。 總結 CSS畫布尺寸對照表中包含了常用的單位和值。掌握這些單位和值，能夠幫助我們更好地實現頁面布局和設計，提高用戶體驗。不同的單位和值之間有其特殊的用途，需要根據具體情況進行選擇和使用。