CSS實現正方形的方法有很多種，其中最常見的兩種是使用padding和使用transform屬性。以下是詳細的實現方法：

/* 使用padding實現正方形 */
.square {
width: 100px;
height: 0;
padding-bottom: 100px;
background-color: black;
}
/* 使用transform實現正方形 */
.square {
width: 100px;
height: 100px;
background-color: black;
transform: rotate(45deg);
}

第一種方法使用padding屬性，將元素的padding-bottom值設置為與寬度相等的值，高度自然就成為了正方形的邊長。這種方法的優點在于兼容性好，但缺點是當需要設置元素內部的樣式時，padding和內容會互相干擾，需要自己注意調整。

第二種方法則使用了transform屬性，通過旋轉正方形45度，使得它看起來是一個正方形。這種方法的優點是不會影響內部的樣式，但缺點是可能會被一些老舊的瀏覽器不支持，需要自己進行兼容性的考慮。

綜上所述，兩種實現正方形的方法各有優缺點，需要根據具體的情況進行選擇。