CSS居中塊級元素是網頁制作中非常重要的一個技能，借助它可以讓網頁更加美觀。下面我們將介紹幾種實現塊級元素居中的方法。

首先，我們可以使用margin屬性實現塊級元素水平居中。代碼如下：

div{
width: 200px;
height: 100px;
background-color: #cccccc;
margin: 0 auto;
}

其中，margin的值為0 auto表示在水平方向上居中，而垂直方向上不進行調整。此時，需要給元素設置固定寬度（width），否則無法生效。

其次，我們可以使用flex布局實現塊級元素在容器中的居中。代碼如下：

.container{
display: flex;
justify-content: center;
align-items: center;
}
.box{
width: 200px;
height: 100px;
background-color: #cccccc;
}

其中，.container為容器元素，display: flex;表示采用flex布局，justify-content: center;表示水平居中，align-items: center;表示垂直居中。 .box為塊級元素，設置固定寬度和高度。

最后，我們也可以使用絕對定位實現塊級元素的居中。代碼如下：

.parent{
position: relative;
}
.child{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 200px;
height: 100px;
background-color: #cccccc;
}

其中，.parent為父元素，設置position: relative;，以便使子元素基于此進行絕對定位。 .child為塊級元素，設置position: absolute;，top和left分別設為50%，表示位于父元素的中心位置。再利用transform屬性的translate函數，將元素向左和向上移動自身寬度和高度的50%，即可實現完美的居中效果。

以上就是實現塊級元素居中的幾種方法，具體的使用應根據實際情況靈活選擇。