CSS是一種用于樣式設計的語言，可以通過為HTML元素添加樣式來改變它們的外觀和布局。在CSS中，可以使用附件來進一步定制樣式。

/* 以下是一些常用的CSS附件 */
/* 媒體查詢 */
@media screen and (max-width: 768px) {
/* 當屏幕寬度小于等于768px時生效的樣式 */
}
/* 偽類選擇器 */
a:hover {
/* 鼠標懸停在鏈接上時生效的樣式 */
}
/* 偽元素選擇器 */
p::first-letter {
/* 段落第一個字母的樣式 */
}
/* 盒模型 */
.box {
width: 200px;
height: 100px;
padding: 10px;
border: 1px solid black;
margin: 20px;
box-sizing: border-box; /* 盒模型設置 */
}
/* 字體圖標 */
.icon {
font-family: FontAwesome;
font-size: 20px;
color: red;
content: "\f042"; /* 字體圖標的Unicode編碼 */
}
/* 漸變 */
.gradient {
background: linear-gradient(to right, red, yellow);
}
/* 動畫 */
@keyframes slidein {
from {
transform: translateX(-100%);
}
to {
transform: translateX(0);
}
}
.slide {
animation: slidein 1s ease;
}

以上是一些常用的CSS附件，這些附件可以用來實現一些特定的效果，使網頁變得更加豐富有趣。