在CSS中，我們可以使用多種方法將代碼折疊起來，使代碼更加整潔、易于閱讀和維護(hù)，以下是一些常見的代碼折疊技巧：

1、使用注釋：通過添加注釋，我們可以將代碼分割成不同的部分，并折疊起來，我們可以使用/* */來添加注釋，將代碼塊折疊起來。

/* 樣式表折疊示例 */
.container {
  width: 100%;
  height: auto;
  padding: 20px;
}

2、使用媒體查詢：媒體查詢是CSS3中的一個(gè)功能，它可以根據(jù)設(shè)備的屏幕大小、分辨率等屬性來應(yīng)用不同的樣式，我們可以利用這一點(diǎn)，將不同屏幕大小的樣式分別寫在不同媒體查詢中，使代碼更加整潔。

@media screen and (max-width: 600px) {
  .container {
    width: 100%;
    height: auto;
    padding: 10px;
  }
}
@media screen and (min-width: 601px) {
  .container {
    width: 500px;
    height: 300px;
    padding: 20px;
  }
}

3、使用預(yù)處理器：一些預(yù)處理器，如Sass、Less等，提供了更***的語法和功能，可以幫助我們更好地組織和折疊CSS代碼，我們可以使用嵌套規(guī)則來折疊樣式表。

.container {
  width: 100%;
  height: auto;
  padding: 20px;
  
  @media screen and (max-width: 600px) {
    width: 100%;
    height: auto;
    padding: 10px;
  }
  
  @media screen and (min-width: 601px) {
    width: 500px;
    height: 300px;
    padding: 20px;
  }
}

通過以上的方法，我們可以將CSS代碼折疊起來，使代碼更加整潔、易于閱讀和維護(hù)，也可以提高代碼的可讀性和可維護(hù)性，方便我們更好地進(jìn)行代碼管理和協(xié)作開發(fā)。