天氣css樣式是用于美化天氣預報顯示的css樣式表。在天氣預報網站或應用程序中使用這些樣式，可以讓天氣數據更加生動、直觀。以下是一些常見的天氣css樣式：

/* 天氣圖標樣式 */
.weather-icon {
width: 100px;
height: 100px;
background-size: contain;
background-repeat: no-repeat;
display: inline-block;
}
/* 常見天氣圖標 */
.weather-icon.sunny {
background-image: url('sunny.png');
}
.weather-icon.cloudy {
background-image: url('cloudy.png');
}
.weather-icon.rainy {
background-image: url('rainy.png');
}
/* 溫度樣式 */
.temperature {
font-size: 24px;
font-weight: bold;
}
/* 天氣描述樣式 */
.weather-desc {
font-size: 18px;
color: #aaa;
}
/* 強度樣式 */
.strength {
font-size: 16px;
color: #777;
}

在應用這些樣式時，我們可以使用類名來選擇對應的天氣元素。例如：

<div class="weather">
<span class="weather-icon sunny"></span>
<span class="temperature">28℃</span>
<br>
<span class="weather-desc">晴天</span>
<br>
<span class="strength">風力：2級</span>
</div>

這樣，我們就可以得到一個顯示晴天、溫度為28℃、風力為2級的天氣元素，其中天氣圖標為晴天的樣式。