CSS3是一個重要的Web技術，它的出現讓Web頁面的呈現更加美觀且豐富多彩。在CSS3中，我們可以很方便地獲取頁面的高度，具體的方法是：

window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight

上述代碼是獲取頁面高度的通用方法，其中window.innerHeight表示窗口的可視高度，document.documentElement.clientHeight表示文檔節點的可視高度，document.body.clientHeight表示body節點的可視高度。由于不同瀏覽器的實現不同，因此要使用或者運算符“||”進行兼容處理。

例如，我們可以通過以下代碼將獲取到的頁面高度設置為一個元素的高度：

var height = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
document.getElementById("element").style.height = height + "px";

通過上述代碼，我們可以將獲取到的頁面高度設置為ID為“element”的元素的高度。

在CSS3中，還有其他方法來獲取頁面高度，例如通過CSS樣式中的“vh”單位，它一表示視口高度的1%。例如，如果需要將一個元素的高度設置為視口高度的50%，我們可以使用以下CSS樣式：

#element {
height: 50vh;
}

總之，無論是通過JavaScript還是CSS樣式，我們都可以輕松地獲取頁面高度，以便更好地優化我們的Web頁面。