CSS的居中是指把一个元素水平、垂直方向上放置在页面中央的一种效果。

水平居中的方法一般有以下几种：

text-align: center; /*适用于block元素和inline元素的父元素*/
margin: 0 auto; /*只适用于block元素*/

使用text-align:center时，需要注意它的父元素宽度必须固定，否则无法实现居中效果。而使用margin:0 auto则需要把元素设置为block元素，可以直接将元素宽度设为固定值，也可以使用百分比。

垂直居中的方法相对来说复杂一些，一般有以下几种方法：

/*方法一：使用表格*/
display: table-cell;
vertical-align: middle;

/*方法二：使用flex布局*/
display: flex;
justify-content: center; /*水平居中*/
align-items: center; /*垂直居中*/

/*方法三：使用position和transform*/
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);

使用表格设置可以实现比较简单的垂直居中，但是会增加代码量。使用flex布局可以很好的解决水平和垂直居中的问题，但是需要浏览器支持。而使用position和transform则是一种比较通用的方法，但是需要注意元素的宽度和高度以及父元素的宽度和高度。

总之，CSS的居中可以让页面更加美观，在实际开发中需要根据场景选择合适的方法来实现。