CSS是網頁設計中非常重要的一部分，它負責網頁樣式和布局。

在網頁布局中，有時候需要將子元素垂直居中，這時候我們可以使用如下代碼：

.parent {
display: flex;
justify-content: center;
align-items: center; 
}

上面這段代碼中，我們使用了CSS3的flexbox布局，指定了父元素的彈性盒子屬性。display: flex; 表示我們要將該元素轉變成一個彈性盒子，justify-content: center; 表示將子元素橫向居中，align-items: center; 表示將子元素垂直居中。

因為該方法使用了最新的CSS3技術，所以不是所有的主流瀏覽器都支持該方法。在一些老舊的瀏覽器中，需要使用其他方法來實現子元素的垂直居中。例如，可以使用table布局以及絕對定位和margin來實現子元素的垂直居中。但是這些方法都不如CSS3的flexbox布局來得簡潔和優雅。

總之，在網頁設計中，靈活運用CSS3的知識可以讓我們更輕松地實現布局效果。