CSS是一種為網頁添加樣式和布局的語言。它可以改變網頁元素的尺寸和位置。其中，區域高度和寬度是最重要的屬性之一。在本文中，我們將介紹如何在CSS中設置區域高度和寬度。
首先，讓我們看一下如何設置區域的高度。在CSS中，您可以使用“height”屬性來設置元素的高度。例如，如果您想將一個段落元素的高度設置為100像素，您可以這樣寫：

p {
height: 100px;
}

同樣，您也可以使用“width”屬性來設置元素的寬度。如果您想將上面的段落元素的寬度設置為200像素，您可以添加以下代碼：

p {
height: 100px;
width: 200px;
}

另外，請注意，如果您想設置區域的最小或最大高度或寬度，您可以使用“min-height”和“max-height”（或“min-width”和“max-width”）屬性。例如，以下代碼將設置一個段落元素的最小高度為50像素，最大高度為200像素：

p {
min-height: 50px;
max-height: 200px;
}

最后，要注意一下CSS的盒模型。元素的總高度和寬度包括內邊距、邊框和外邊距。如果您要指定元素的具體高度和寬度，請確保考慮這些因素。例如，如果您想要一個元素具有200像素的寬度，您需要將邊框和內邊距加上去，例如：

p {
width: 200px;
padding: 10px;
border: 1px solid black;
}

在這個例子中，元素的總寬度將是202像素，包括1像素的邊框和每側10像素的內邊距。
總之，在CSS中設置區域的高度和寬度是很簡單的。只需使用“height”和“width”屬性，還可以使用“min-height”和“max-height”屬性進行設置。還要記住使用CSS盒模型來確保您的元素的實際高度和寬度與您指定的一致。