CSS（層疊樣式表）是一種用于控制網頁布局和樣式的語言，而HTML（超文本標記語言）是用于創建和呈現網頁內容的基礎語言。這兩種語言一起構成了現代網頁設計的基礎。
CSS的主要作用是為HTML元素添加樣式和布局。通過CSS，我們可以控制元素的大小，顏色，字體，對齊方式，邊框和背景等等。此外，CSS還可以通過層疊和繼承來管理樣式，使我們的代碼更加模塊化和靈活。
下面是一個簡單的HTML和CSS代碼示例，它展示了如何通過CSS樣式表為網頁添加樣式和布局：
<!DOCTYPE html>
<html>
<head>
<title>My Web Page</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Welcome to my web page!</h1>
<p>This is a paragraph of text.</p>
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
</body>
</html>body {
font-family: Arial, sans-serif;
background-color: #EEE;
color: #333;
}
h1 {
font-size: 36px;
color: #C00;
margin-top: 20px;
}
p {
font-size: 16px;
line-height: 1.5;
margin-bottom: 20px;
}
ul {
list-style-type: square;
margin-left: 40px;
padding-left: 10px;
}