CSS規則定義居中對齊是網頁設計中的重要技巧之一，使得頁面更美觀、易讀、易用。在實現居中對齊之前，我們需要先了解一些基礎知識和語法。

/* 居中對齊示例 */
.box {
display: flex;
justify-content: center; /* 橫向居中對齊 */
align-items: center; /* 縱向居中對齊 */
}

上述代碼中，我們使用了CSS3的flex布局來實現居中對齊，其中justify-content屬性控制橫向居中對齊方式，align-items屬性控制縱向居中對齊方式。

另一種常見的方式是使用text-align屬性來控制水平居中對齊：

/* 水平居中對齊示例 */
.box {
text-align: center;
}

這種方法只適用于行內元素和塊級元素，不適用于像圖片和表格等其他元素。

還有一種方法是通過絕對定位和負邊距來實現：

/* 絕對定位居中對齊示例 */
.box {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

在這個例子中，我們將元素的左上角移到頁面的中心，transform: translate(-50%, -50%)通過負邊距來糾正位置偏移，實現完美的居中對齊效果。

總之，在網頁設計中，居中對齊是一個至關重要的技巧，通過掌握不同的居中對齊方法，我們能夠輕松實現出各種美觀、易用的頁面。