CSS中的宽度、高度和居中对于网页的排版布局非常重要，可以使网页元素更加美观、整洁。下面我们来介绍一下如何在CSS中使用宽度、高度和居中功能。

/* 设置宽度和高度 */
#box{
width:500px;
height:300px;
}
/* 设置水平居中 */
#box{
margin:0 auto;
}
/* 设置垂直居中 */
#box{
position:absolute;
top:50%;
left:50%;
margin-top:-150px;
margin-left:-250px;
}

在上面的代码中，我们使用了id选择器来选择一个id为“box”的网页元素进行设置。在第一段代码中，我们设置了这个元素的宽度为500px，高度为300px。这样就可以让这个元素拥有一个比较明显的大小，让用户更清晰地看到这个元素的内容。

在第二段代码中，我们使用了margin属性来设置元素的水平居中。通过给元素的左右margin都设置为“auto”，可以让元素水平居中于容器中心。这种方法适用于父容器宽度已知的情况。

在第三段代码中，我们使用了position、top和left属性来设置元素的垂直居中。通过给元素设置绝对定位，并使用top和left属性，将元素移动到容器的中心。需要注意的是，这种方法适用于元素宽度和高度已知的情况。

通过以上的CSS代码设置，我们可以实现网页元素的宽度、高度和居中功能，让网页看起来更加整洁、美观。