CSS和HTML是現代網站開發中最常用的兩種編程語言。一個網站需要HTML來定義網頁內容，CSS則負責網頁的樣式和布局。

/* CSS代碼示例 */
body {
font-family: Arial, Helvetica, sans-serif;
background-color: #f2f2f2;
}
header {
background-color: #333;
color: #fff;
padding: 20px;
}
h1 {
font-size: 32px;
text-align: center;
}
nav {
float: left;
width: 20%;
background-color: #ddd;
padding: 20px;
}
nav ul {
list-style-type: none;
padding: 0;
}
nav li {
margin: 10px 0;
}
article {
float: left;
width: 80%;
padding: 20px;
}
footer {
background-color: #333;
color: #fff;
padding: 20px;
text-align: center;
}

在HTML中，開發者可以使用語義化標簽來定義網頁內容，比如header、nav、article等標簽。這些標簽讓網站代碼更有意義，并且可以幫助搜索引擎更好地理解網頁內容。

CSS通過選擇器來指定要修改的HTML元素。可以通過類選擇器、標簽選擇器、ID選擇器等來精確地選擇要修改的元素。可以使用偽類和偽元素來精細控制元素的樣式。CSS還可以使用盒模型來定義元素的邊框、內邊距和外邊距。CSS的樣式可以通過內聯樣式、內部樣式表和外部樣式表三種方式添加到HTML中。

HTML和CSS的結合可以輕松地創建出漂亮且語義化的網站。而且隨著HTML5和CSS3的發布，開發者可以使用更多更強大的特性來進一步增強網站。