如果你正在學習CSS布局，那么了解頁面高度和寬度的概念以及它們的應用是非常重要的。

CSS中的寬度和高度指的是元素的可見部分，不包括內邊距、邊框和外邊距。下面是CSS中常用的寬度和高度屬性：

width: 400px; /* 設置元素的寬度為400像素 */
height: 200px; /* 設置元素的高度為200像素 */

除了像素外，還可以使用百分比來設置寬度和高度：

width: 80%; /* 設置元素的寬度為父元素寬度的80% */
height: 50%; /* 設置元素的高度為父元素高度的50% */

當然，CSS還有其他的單位可以使用，如em、rem等等。

在實際應用中，我們可能需要將頁面的寬高設置為100%以充分利用可視區域。這可以使用以下CSS代碼實現：

html, body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}

以上代碼將HTML和body元素的寬高都設置為100%，并將外邊距和內邊距都設置為0，以充分利用可視區域。

總之，在CSS布局中，了解元素的寬度和高度以及它們的相關屬性應用是非常重要的。希望這篇文章可以幫助你更好地掌握這些概念。