HTML是超文本標記語言，用于創建網頁。CSS是層疊樣式表，用于控制網頁的樣式，如字體、顏色、布局等。在HTML中，可以通過各種標簽來標識不同的元素，如段落、標題、圖片等。那么如何使用HTML代碼設置CSS呢？

<style>
p {
color: red;
font-size: 16px;
font-weight: bold;
}
</style>

在HTML的頭部，我們使用<style>標簽來定義CSS樣式。上述代碼的意思是，選擇所有的<p>標簽，設置文字顏色為紅色，字體大小為16像素，字體加粗。這個CSS樣式會作用于所有的<p>標簽。

<style>
#topnav {
background-color: #333;
color: white;
height: 50px;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
</style>

除了選擇標簽，還可以通過ID或類來選擇元素。上述代碼中，我們選擇一個ID為“topnav”的元素，設置其背景色為深灰色，文字顏色為白色，高度為50像素，寬度為100%，并采用flex布局。

使用HTML代碼設置CSS樣式可以讓我們更好地掌控網頁的樣式和布局。通過選擇不同的元素、ID或類，我們可以為網頁中的各個部分設置不同的樣式。需要注意的是，CSS不僅要美觀，還要讓用戶能夠輕松地找到他們需要的信息。