修改css高度和寬度是前端開發(fā)中常用的技巧之一。在使用css制作頁面時，我們經(jīng)常需要對元素的尺寸進行調(diào)整以達到我們想要的效果。

/* CSS代碼 */
.box {
width: 200px;
height: 100px;
background-color: grey;
}

在上面的代碼中，我們定義了一個class為box的元素，并設置了它的寬度為200px，高度為100px，背景顏色為灰色。如果我們需要調(diào)整它的尺寸，只需要修改對應的width和height屬性即可。

/* CSS代碼 */
.box {
width: 300px;
height: 150px;
}

在上面的代碼中，我們將box元素的寬度調(diào)整為300px，高度調(diào)整為150px。這樣，box元素的尺寸就發(fā)生了變化。

當然，在實際開發(fā)中，我們通常不會直接修改css代碼，而是使用JavaScript等編程語言來動態(tài)修改元素的尺寸。

/* JavaScript代碼 */
var box = document.querySelector('.box');
box.style.width = '300px';
box.style.height = '150px';

在上面的代碼中，我們使用了JavaScript來獲取class為box的元素，并將它的寬度設置為300px，高度設置為150px。這樣，頁面中對應的box元素的尺寸就被修改了。