CSS和HTML都是構建網頁的基礎語言，而CSS負責外觀的設計。下面是CSS加HTML代碼的一些寫法：
<!DOCTYPE html>
<html>
<head>
<title>CSS + HTML</title>
<style>
body {
background-color: #f2f2f2; /*設置背景色*/
}
h1 {
color: red; /*設置標題顏色*/
text-align: center; /*設置標題居中*/
}
p {
font-size: 18px; /*設置字體大小*/
line-height: 1.5; /*設置行間距*/
margin: 10px; /*設置外邊距*/
}
</style>
</head>
<body>
<h1>CSS + HTML代碼</h1>
<p>CSS是層疊樣式表的縮寫，用于描述網頁中的樣式。而HTML是超文本標記語言，用于構建網頁結構。CSS可以與HTML結合使用，來對網頁進行設計美化。</p>
<p>代碼演示：</p>
<pre>
body {
background-color: #f2f2f2;
}
h1 {
color: red;
text-align: center;
}
p {
font-size: 18px;
line-height: 1.5;
margin: 10px;
}
</pre>
</body>
</html>通過上面的代碼可以看出，在HTML代碼中，我們將CSS寫在了style標簽中，用于設置網頁樣式。我們可以通過選擇器來指定要修改的元素的樣式，如上述代碼中的body、h1和p。在CSS的大括號內可以設置多個屬性，用分號隔開。而在HTML的pre標簽中，我們可以直接粘貼代碼，展示CSS的效果。通過這樣的組合，我們可以更好地利用CSS的功能，對網頁進行更加細致的設計。