CSS中的高度和寬度樣式是用來定義元素的尺寸的，可以通過指定具體的數值、百分比或者自適應來完成布局。

/* 定義高度和寬度 */
.box {
width: 200px;
height: 200px;
}
/* 使用百分比 */
.container {
width: 80%;
height: 400px;
}
/* 自適應高度和寬度 */
.content {
width: 100%;
height: auto;
}

使用具體數值可以直接指定元素的寬度和高度，如上面的代碼塊中的.box樣式。百分比則是指相對于父元素的寬度或高度進行設置，如.container樣式中的寬度80%表示該元素寬度占父元素寬度的80%。自適應的高度和寬度樣式則是根據內容的大小進行自動調整，如.content樣式中的寬度設置為100%，高度自適應。

其中，寬度和高度還可以通過min-和max-前綴來設置最小和最大值。

/* 最小和最大寬度 */
.box {
min-width: 100px;
max-width: 500px;
}
/* 最小和最大高度 */
.box {
min-height: 100px;
max-height: 500px;
}

上述代碼中的.min-width和.max-width屬性用來定義元素寬度的最小值和最大值。同樣，.min-height和.max-height屬性也可以用來設置高度的最大和最小值。

總之，CSS中的高度和寬度樣式是非常重要的布局工具，掌握它們的使用方法可以讓我們更好地控制網站的布局和樣式。