當我們使用CSS時，我們通常需要在標記語言中嵌入CSS代碼來控制我們的文檔樣式。但是在某些情況下，我們需要將CSS代碼轉換為HTML代碼，這可能是因為我們想要使用HTML生成的圖像或PDF，或者因為我們想要在沒有CSS渲染器的環境中顯示我們的文檔。

/* CSS代碼 */
h1 {
color: red;
text-align: center;
}
p {
font-size: 20px;
line-height: 1.5;
}
.container {
max-width: 960px;
margin: 0 auto;
}
@media (min-width: 768px) {
.container {
width: 750px;
}
}
/* HTML代碼 */
<style>
h1 {
color: red;
text-align: center;
}
p {
font-size: 20px;
line-height: 1.5;
}
.container {
max-width: 960px;
margin: 0 auto;
}
@media (min-width: 768px) {
.container {
width: 750px;
}
}
</style>

如上所示，我們只需要將CSS代碼復制到<style>標簽中，并將所有選擇器和屬性包裝在花括號中。同時，我們需要確保在CSS代碼前后添加<style>和</style>標簽，以便HTML解析器能夠識別代碼并將其應用于文檔。

當我們需要將CSS代碼轉換為HTML代碼時，可以使用此方法，同時還需要確保我們的HTML代碼和CSS代碼的語法和結構都正確，以免導致拼寫錯誤和樣式錯誤。