CSS是一种样式表语言，用于描述HTML或XML（包括如SVG、MahML等衍生语言）文档的呈现。你可以使用CSS来布局整个页面，以下是一个简单的例子：

我们需要一个HTML文件。这个文件将定义页面的基本结构。

```hmlu003c!DOCTYPE hmlu003eu003chmlu003eu003cheadu003e u003cileu003e我的网页u003c/ileu003e u003clik rel= u003ch1u003e欢迎来到我的网页u003c/h1u003e u003c/headeru003e u003cavu003e u003culu003e u003cliu003eu003ca href=u003e u003cliu003eu003ca href=。u003c/pu003e u003c/seciou003e u003cseciou003e u003ch2u003e关于我们u003c/h2u003e u003cpu003e这是关于我们的内容。u003c/pu003e u003c/seciou003e u003cseciou003e u003ch2u003e联系信息u003c/h2u003e u003cpu003e这是联系信息的内容。u003c/pu003e u003c/seciou003e u003c/maiu003e u003cfooeru003e u003cpu003eu0026copy; 2023 我的网页. 版权所有.u003c/pu003e u003c/fooeru003eu003c/bodyu003eu003c/hmlu003e```然后，我们需要一个CSS文件（syles.css），来定义页面的布局和样式。在这个例子中，我们假设你想把页面分成头部（header）、导航（av）、主要内容（mai）和页脚（fooer）几个部分。以下是CSS文件的一个例子：

```cssbody { display: flex; flex-direcio: colum; alig-iems: ceer; jusify-coe: ceer; heigh: 100vh; margi: 0; backgroud-color: #f0f0f0; fo-family: Arial, sas-serif;}

header { backgroud-color: #333; color: #fff; paddig: 20px; ex-alig: ceer;}

av { backgroud-color: #ddd; paddig: 10px;}

av ul { lis-syle-ype: oe; paddig: 0;}

av ul li { display: ilie; margi-righ: 10px;}

av ul li a { color: #333; ex-decoraio: oe;}

mai { margi: 15px;}

secio { margi-boom: 15px;}

secio h2 { color: #333;}```