CSS是我們前端開發(fā)中不可或缺的一部分，通過(guò)CSS我們可以定義網(wǎng)頁(yè)的樣式、布局以及交互效果。今天我們將討論如何使用CSS來(lái)改變元素的高度和寬度。

input {
height: 50px; /* 給元素設(shè)置高度為50像素 */
width: 200px; /* 給元素設(shè)置寬度為200像素 */
}

通過(guò)上面的代碼，我們可以輕松地將元素設(shè)置為任意高寬。其中，height屬性控制元素的高度，width屬性控制元素的寬度。

需要注意的是，在使用這些屬性時(shí)，我們可以選擇使用具體的像素值，也可以使用相對(duì)長(zhǎng)度單位，例如百分比（%）或視窗單位（vw、vh）。相對(duì)長(zhǎng)度單位可以讓我們輕松地實(shí)現(xiàn)響應(yīng)式布局，適應(yīng)不同的屏幕大小和設(shè)備。

input {
height: 50%; /* 給元素設(shè)置高度為屏幕高度的50% */
width: 50vw; /* 給元素設(shè)置寬度為視口寬度的50% */
}

通過(guò)上述代碼，我們可以將元素的高度設(shè)置為屏幕高度的50%，將寬度設(shè)置為視口寬度的50%。

當(dāng)然，我們還可以使用其他CSS屬性進(jìn)一步改變元素的樣式，如邊框（border）、背景色（background-color）、文本顏色（color）等等。不同的樣式設(shè)置會(huì)有不同的效果，可以根據(jù)自己的需求進(jìn)行調(diào)整。

總之，通過(guò)CSS我們可以輕松地改變元素的高度和寬度，讓網(wǎng)頁(yè)更加美觀和實(shí)用。