在編寫CSS樣式表時，除了設置盒子模型的屬性外，還需要設置元素的尺寸。

CSS中可用的尺寸單位有很多種，我們先介紹四種主要的單位：像素（px）、百分比（%）、視口寬度（vw）、視口高度（vh）。

/* 像素 */
div {
width: 200px;
height: 100px;
}
/* 百分比 */
div {
width: 50%;
height: 50%;
}
/* 視口寬度 */
div {
width: 50vw;
height: 30vw;
}
/* 視口高度 */
div {
width: 50vh;
height: 30vh;
}

像素（px）是最常用的尺寸單位，因為它們是固定的，不會受到設備屏幕大小的影響。而百分比（%）單位是相對于父元素的尺寸計算的，因此可以用來實現自適應布局。

視口寬度（vw）和視口高度（vh）單位是相對于視口（瀏覽器窗口大小）計算的。視口寬度是指視口的寬度大小，視口高度是指視口的高度大小。這種單位可以用來實現響應式設計，使元素的尺寸隨著設備的屏幕大小而改變。

除了上述四種單位，CSS還有em、rem、pt、pc等其他單位，它們的計算方式各不相同，各有優缺點，根據具體情況選擇使用。

在設置尺寸時，同時設置寬度和高度是最好的做法，這可以避免元素失去比例和形狀的改變。如果只設置一個屬性，元素可能會拉伸或壓縮。

/* 最佳做法 */
div {
width: 200px;
height: 100px;
}
/* 不推薦 */
div {
width: 200px;
}
/* 不推薦 */
div {
height: 100px;
}

總之，在編寫CSS樣式表時，選擇合適的尺寸單位屬性是非常重要的，因為它們直接影響到頁面的布局和呈現效果。