CSS是前端開發不可或缺的一部分，經常用來設置網頁的樣式，包括文字、顏色、布局、大小等等。其中常常涉及到設置固定大小的情況，本文就來介紹如何使用CSS設置元素的寬度和高度。 使用CSS設置固定大小需要用到width和height這兩個屬性，它們分別用于設置元素的寬度和高度。其中單位可以是像素（px）、百分比（%）或者響應式單位（rem、em等）。 例如，我們想要給一個div元素設置寬度為500px，高度為300px，我們可以使用如下樣式代碼：

div {
width: 500px;
height: 300px;
}

以上代碼中，我們在CSS選擇器div中加入了width和height屬性，并將它們的值設置為像素單位500px和300px。這樣設置后，這個div元素就會固定在500px的寬度和300px的高度上。 當然，除了像素單位，我們也可以使用百分比單位。比如說我們想要設置一個寬度為屏幕寬度一半的div元素，可以使用如下代碼：

div {
width: 50%;
height: 300px;
}

以上代碼中，我們將寬度屬性的值設置為50%，這時候div元素的寬度就會等于屏幕寬度的一半。而高度屬性我們仍然使用像素單位來設置。 另外，如果我們想要讓元素的大小根據設備大小自適應，可以使用響應式單位。比如，我們想要一個寬度為屏幕寬度一半，高度為寬度的50%的正方形元素，可以使用如下代碼：

div {
width: 50%;
padding-top: 50%;
}

以上代碼中，我們使用了padding-top屬性，并將它的值設置為50%。這時，元素的高度就會根據寬度的大小自適應，并且等于寬度的50%，從而實現了一個正方形的效果。 綜上所述，通過使用CSS的width和height屬性，我們可以方便地設置元素的寬度和高度。將它們與不同的單位和屬性組合使用，可以實現各種不同的布局效果，滿足不同需求的網頁設計。