CSS媒體屏幕選擇代碼可以讓我們根據不同的設備屏幕尺寸，為網站設置不同的樣式。在實際開發中，我們經常需要根據不同的設備屏幕尺寸設置不同的樣式，如移動設備需要更小的字體和更大的按鈕，而桌面設備則需要更大的字體和更小的按鈕。

/* 以下為常見的媒體屏幕選擇代碼 */
/* 當屏幕寬度小于等于 480 像素時，應用以下樣式 */
@media screen and (max-width: 480px) {
body {
font-size: 14px;
}
button {
width: 80px;
height: 30px;
}
}
/* 當屏幕寬度在 481 像素到 768 像素之間時，應用以下樣式 */
@media screen and (min-width: 481px) and (max-width: 768px) {
body {
font-size: 16px;
}
button {
width: 100px;
height: 40px;
}
}
/* 當屏幕寬度大于等于 769 像素時，應用以下樣式 */
@media screen and (min-width: 769px) {
body {
font-size: 18px;
}
button {
width: 120px;
height: 50px;
}
}

以上代碼中，使用@media語句來表示媒體屏幕選擇，其中screen表示屏幕設備，max-width和min-width表示屏幕寬度的最大值和最小值。在不同的@meida語句中，我們可以設置不同的樣式來適應不同的屏幕尺寸。

通過使用CSS媒體屏幕選擇代碼，我們可以為不同的設備設置不同的樣式，從而提高網站的用戶體驗和可用性。