CSS是網站開發中不可或缺的一部分，可用于控制網站的樣式和布局。在編寫CSS時，常常需要重復使用一些代碼。下面是常用的CSS代碼復用技巧:

/* 設置子元素樣式 */
.parent {
background-color: #f5f5f5;
}
.parent .child {
margin-left: 10px;
padding: 5px;
}
/*設置id樣式*/
#element {
font-size: 14px;
color: #333;
}
/* 設置類樣式 */
.text-center {
text-align: center;
}
/* 設置hover樣式 */
.link:hover {
color: #ff0000;
}
/* 使用通配符選擇器 */
* {
margin: 0;
padding: 0;
}
/* 使用REM相對單位 */
body {
font-size: 16px;
}
h1 {
font-size: 2rem;
}
/* 使用透明度 */
.background {
background-color: #000;
opacity: 0.5;
}
/*使用rgba方法設定顏色和透明度*/
.background {
background-color: rgba(0,0,0,0.5);
}
/*使用transition屬性定義動畫效果*/
.btn{
background-color:#f5f5f5;
transition: 0.3s;
}
.btn:hover{
background-color:#ddd;
}

這些代碼可根據需要修改并應用于不同的元素。同時，也可使用預處理器如Sass、Less等來提高代碼復用性和可讀性。