CSS是一種用于網(wǎng)頁設(shè)計(jì)的語言，用于控制網(wǎng)頁內(nèi)容的樣式和布局。其中，CSS的屬性值可以是固定值或者是范圍值。

范圍值指的是 CSS 屬性所允許的取值范圍，比如寬度屬性 width 可以設(shè)置為固定值，例如 100px，也可以設(shè)置為百分比，例如 50%，這樣就可以將寬度的值設(shè)置為相對(duì)于其所在容器的百分比大小。還可以使用計(jì)算值，如 calc(50% - 10px)，對(duì)于高度屬性 height，它也可以設(shè)置為auto，表示由瀏覽器自動(dòng)計(jì)算。

.box {
width: 50%; /* 寬度為父元素寬度的50% */
height: auto; /* 高度由瀏覽器自動(dòng)計(jì)算 */
margin: 20px auto; /* 上下間距為20px，水平居中 */
padding: 10px; /* 內(nèi)邊距為10px */
background-color: #f1f1f1; /* 背景顏色 */
border: 1px solid #ccc; /* 邊框 */
}

另外，常用的顏色屬性也可以使用范圍值，通過設(shè)置不同的顏色值可以實(shí)現(xiàn)漸變色或者半透明效果。比如可以使用 linear-gradient() 函數(shù)實(shí)現(xiàn)線性漸變，設(shè)置透明度可以使用 rgba()，其中 a 表示 alpha 值，值范圍為 0 到 1。透明度值越大，顏色越不透明。

.box {
background: linear-gradient(to bottom, #ffffff, #f1f1f1); /* 上下漸變色 */
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* 陰影，透明度為0.5 */
}

總之，CSS的值不僅可以是固定值，也可以是范圍值，通過靈活使用不同的值，我們可以實(shí)現(xiàn)更加多樣化的設(shè)計(jì)效果。