HTML是一門用于構建網頁的標記語言，而CSS則是用于網頁樣式設計的語言。下面我們來看一下CSS如何在HTML中進行編寫。

/* CSS代碼示例 */
/* 選擇器 */
h1 {
font-size: 30px;
color: #333;
text-align: center;
}
p {
font-size: 14px;
line-height: 1.5;
padding: 10px;
}
/* ID選擇器 */
#container {
width: 960px;
margin: 0 auto;
}
/* 類選擇器 */
.box {
width: 300px;
height: 200px;
background-color: #f5f5f5;
border: 1px solid #ccc;
text-align: center;
line-height: 200px;
}
/* 屬性選擇器 */
input[type="text"] {
width: 200px;
height: 30px;
border: 1px solid #ccc;
}

在上面的例子中，我們使用了不同類型的選擇器來為HTML元素添加樣式。比如，我們用了h1選擇器來修改標題的字體大小、顏色和對齊方式；用了.box類選擇器來為一個div元素添加背景、邊框、寬高以及居中效果。

除了選擇器之外，我們還可以使用各種屬性來修改元素的樣式，比如顏色、字體、背景、內邊距、邊框等等。所有的樣式屬性都需要在花括號中寫出來，用冒號分隔屬性和屬性值。多個屬性值之間用分號進行分隔。

最后，需要注意的是，為了更好的代碼閱讀和維護性，CSS代碼通常會和HTML代碼分開寫，以外部樣式表或內部樣式表的方式進行引入。這樣做既不會增加HTML代碼量，又可以提高代碼的可復用性和可維護性。