CSS和HTML是构建网页布局的主要工具，下面是一个简单的例子，展示了如何使用CSS和HTML来创建一个包含两个`div`元素的简单网页布局。
HTML代码：
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<div id="header">
<h1>我的网页</h1>
</div>
<div id="content">
<p>这是一些内容。</p>
</div>
</body>
</html>
CSS代码（styles.css）：
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
#header {
background-color: #333;
color: white;
padding: 20px;
text-align: center;
}
#content {
margin: 20px;
padding: 20px;
background-color: #f4f4f4;
}
在这个例子中，我们创建了一个包含两个`div`元素的简单网页，第一个`div`元素（id为"header"）作为页眉，包含一个标题，第二个`div`元素（id为"content"）作为主要内容区域，包含一段文本。
CSS代码定义了网页的样式，`body`选择器设置了网页的默认字体和边距，`#header`和`#content`选择器分别设置了页眉和内容区域的背景颜色、内边距等样式。
HTML代码中的``元素用于链接CSS样式表，你需要将CSS代码保存到一个名为"styles.css"的文件中，并确保该文件与HTML文件在同一目录下。
