CSS3中的number類型指的是一個表示數(shù)值的數(shù)據(jù)類型，它能夠用來表示長度(px, em, rem等)、角度(deg)、時間(s, ms)、頻率(Hz)、透明度(alpha)、以及2D和3D變換的參數(shù)等。

/* 以長度單位為例 */
p {
font-size: 20px;
line-height: 1.5;
padding: 10px;
/* 這里使用了px作為長度單位 */
margin: 20px 0;
}

在CSS3中，number類型支持各種算術操作符（+、-、*、/等）以及數(shù)值函數(shù)（sqrt、abs、min、max等），如下所示：

/* 計算兩個數(shù)的平均值 */
p {
/* 可以使用括號來設置優(yōu)先級 */
font-size: (15px + 20px) / 2;
}
/* 計算兩個數(shù)的最大值 */
p {
font-size: max(15px, 20px);
}
/* 計算一個數(shù)的平方根 */
p {
font-size: sqrt(25px);
}

CSS3中的number類型還支持CSS的四則運算和單位轉(zhuǎn)換，如下所示：

/* 將em單位轉(zhuǎn)換為像素單位 */
p {
/* 1em等于當前元素的字體大小 */
font-size: 1.2em * 16px;
}

此外，CSS3中的number類型還支持CSS的變量和calc()函數(shù)，它們可以更加靈活地使用數(shù)值類型，如下所示：

/* 使用CSS變量 */
:root {
--base-size: 20px;
}
p {
font-size: var(--base-size);
}
/* 使用calc()函數(shù) */
p {
/* 計算字體大小，加上20px的空白區(qū)域 */
font-size: calc(var(--base-size) + 20px);
}

綜上所述，CSS3的number類型是一個非常實用的數(shù)據(jù)類型，能夠方便地處理數(shù)值計算、單位轉(zhuǎn)換等問題，為CSS的書寫提供了更好的支持。