CSS定位是網頁設計中的重要一環，屏幕居中是其中比較重要的一種定位方法。以下是CSS屏幕居中定位的幾種方法。

1. 相對定位法

.parent {
position: relative;
}
.child {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

解釋：將父元素設置為相對定位，子元素設置為絕對定位。將子元素的上下外邊距和左右外邊距都設置為50%，然后將子元素的位置偏移50%的距離（也就是元素自身尺寸的一半）。這樣就可以將子元素居中在父元素內。

2. 絕對定位法

.parent {
position: relative;
}
.child {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}

解釋：同樣將父元素設置為相對定位，子元素設置為絕對定位。將子元素的上下左右坐標都設置為0，這樣就可以將子元素放在父元素的左上角。然后通過設置子元素的外邊距為auto來使其居中。

3. Flex布局法

.parent {
display: flex;
justify-content: center;
align-items: center;
}
.child {
width: 200px;
height: 100px;
}

解釋：將父元素設置為flex布局，通過justify-content屬性設置子元素在主軸上居中，align-items屬性設置子元素在交叉軸上居中。子元素的寬高設置后，就可以將其完美居中了。

以上是CSS屏幕居中定位的幾種方法，可以根據實際情況進行選擇，提高網頁的美觀程度。