CSS是一門用來樣式化網頁的語言，其中包括了很多可以設置元素中的值的屬性。在CSS中，我們可以使用選擇器來選擇要樣式化的元素，然后通過設置其屬性值來達到我們想要的效果。

/* 設置元素的顏色為紅色 */
p {
color: red;
}
/* 設置元素的寬度為200像素 */
div {
width: 200px;
}
/* 設置元素的邊框樣式 */
input {
border: 1px solid #ccc;
}

在CSS中，屬性值可以是一些具體的數值，也可以是一些關鍵字，甚至可以是一些表達式和函數。例如，我們可以使用em、rem、px等單位來表示尺寸，使用rgb、rgba、hex等方式來表示顏色，還可以使用calc()函數來進行數值計算。

/* 設置元素的字體大小 */
h1 {
font-size: 2em; /* 相對于父元素字體大小的2倍 */
}
/* 設置元素距離頂部50像素 */
header {
padding-top: 50px;
}
/* 設置元素的背景顏色為半透明的黑色 */
.section {
background-color: rgba(0, 0, 0, 0.5);
}
/* 設置元素的尺寸為瀏覽器窗口高度的一半 */
.container {
height: calc(50vh - 100px);
}

除了基本的屬性值之外，CSS還提供了一些特殊的屬性，用于設置元素的顯示方式、定位方式、動畫效果等等。這些屬性通常涉及到CSS的盒模型、浮動、布局和動態操作等方面，需要更加深入的學習和理解。

/* 設置元素為塊狀元素 */
img {
display: block;
}
/* 設置元素的定位方式 */
.modal {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/* 設置元素的過渡效果 */
.btn {
transition: all 0.3s ease-in-out;
}
/* 設置元素的陰影效果 */
.card {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}

在實際使用過程中，需要根據頁面設計和需求來選擇合適的CSS屬性和屬性值，不斷進行嘗試和調整，以達到最理想的效果。