在進行網頁制作時，CSS和HTML代碼是不可分割的兩部分。CSS負責網頁的樣式，HTML則負責網頁的內容。因此，在使用CSS時需要將其與HTML代碼鏈接起來，一起呈現出我們想要的頁面效果。
在HTML文檔中，我們可以通過link標簽來引入CSS文件。具體方法如下：
<link rel="stylesheet" type="text/css" href="style.css">其中，rel屬性定義關系，type屬性定義文件類型，href屬性定義文件路徑。如果當前HTML文檔與CSS文件在同一目錄下，則可以直接使用文件名，如上文所示。如果不在同一目錄下，還需要寫出相應的文件路徑。 CSS代碼通常寫在一個單獨的CSS文件中，以便于維護和更新。在HTML文檔的head標簽內，可以使用style標簽來寫入CSS代碼。具體方法如下：
<head>
<style type="text/css">
.container {
width: 80%;
margin: 0 auto;
}
</style>
</head>其中，type屬性定義文件類型，CSS代碼寫在style標簽內。在這個例子中，我們定義了一個名為container的類，將其寬度設為80%，并在水平方向上自動居中。
在HTML文檔中，我們可以使用class和id屬性來為元素定義樣式。class用于定義一組具有相同樣式的元素，而id則用于定義唯一的元素。具體方法如下：<div class="box" id="main">
<p>這是一個段落。</p>
</div>
<style type="text/css">
.box {
width: 50%;
margin: 0 auto;
}
#main {
background-color: #eee;
}
</style>在這個例子中，我們定義了一個名為box的類和一個名為main的id。box類定義了一個寬度為50%的元素，并在水平方向上自動居中。main id定義了一個背景顏色為灰色的元素。
總之， CSS和HTML的鏈接非常重要，在網頁制作中起著至關重要的作用。以上是一些基本的語法和規則，希望對您有幫助。