在網頁設計中，CSS公共樣式可以為我們帶來很多方便，不僅使樣式統一，而且減少了代碼量。許多人可能不知道，CSS公共文件還可以插入音樂，讓網頁更加生動。

可以使用CSS3的媒體查詢來實現在不同設備中播放不同格式的音樂，這是跟隨設備的尺寸和屏幕分辨率來判斷的。例如：

@media screen and (max-width: 768px) {
body {
background-color: white;
}
audio[src$=".ogg"] {
display: none;
}
audio{
display: inline-block;
}
}

在上面的代碼中，當設備的最大寬度為768px時，背景顏色將變成白色，webm格式的音樂將被隱藏，而其它格式的音樂將以塊狀元素顯示。

接下來是插入音樂的代碼：

audio{
position: fixed;
bottom: 10px;
left: 10px;
z-index: 9999;
}

將以上代碼放入CSS文件中，將音樂文件路徑替換為你想要的音樂文件路徑，就可以實現在網頁中播放音樂了。

CSS公共樣式不僅可以幫我們管理網頁樣式，還可以為網頁添加音樂等特效，為網頁帶來更好的用戶體驗。