CSS中的高度和寬度是指元素的尺寸，它們是CSS中最常用的樣式屬性之一。高度和寬度可以通過CSS屬性設置，可以是絕對或相對的單位。

/* 設置元素的高度和寬度 */
width: 100px;
height: 200px;
/* 相對單位 */
width: 50%;
height: 3em;

當設置元素的高度和寬度時，需要注意以下幾點：

1. 相對單位：相對單位是相對于父元素或瀏覽器窗口的尺寸計算。常用的相對單位有em、rem和百分比。em是相對于父元素的字體大小。rem是相對于根元素的字體大小。百分比是相對于包含塊的尺寸。

2. 元素的默認尺寸：如果沒有設置元素的高度和寬度，元素將根據其內容自動調整大小。這通常稱為自適應布局。

3. 盒模型：元素的高度和寬度是由元素的盒模型決定的。盒模型包括元素的內容、內邊距、邊框和外邊距。當設置元素的高度和寬度時，應該考慮到盒模型的影響。

4. 元素的最小尺寸：當元素的內容很少時，元素的尺寸可能會變得非常小。可以使用min-height和min-width屬性設置元素的最小尺寸，以確保元素的內容得到良好的展示。

/* 設置元素的最小高度和最小寬度 */
min-width: 100px;
min-height: 200px;

在Web開發中，高度和寬度對于布局和排版非常重要。了解高度和寬度的工作原理，可以幫助我們更好地掌握CSS。