CSS 是一種用于排版網(wǎng)頁元素的語言，它允許我們將網(wǎng)頁中的元素進(jìn)行高度自定義的設(shè)計，如改變顏色、字體、邊框等等。在這篇文章中，我們將會學(xué)習(xí)如何使用 CSS 來實(shí)現(xiàn)一種分為兩列的網(wǎng)頁布局。

首先，我們需要用 HTML 創(chuàng)建一個簡單的頁面結(jié)構(gòu)。我們可以使用以下代碼：

<div class="container">
<div class="left">
<p>這里是左側(cè)內(nèi)容</p>
</div>
<div class="right">
<p>這里是右側(cè)內(nèi)容</p>
</div>
</div>

這里我們使用了一個 `container` 的包含塊，以及兩個塊級元素 `left` 和 `right`。

接下來，我們需要使用 CSS 對這些元素進(jìn)行樣式定義：

.container {
display: flex;
justify-content: space-between;
}
.left, .right {
width: 50%;
padding: 20px;
box-sizing: border-box;
}
.left {
background-color: #F2F2F2;
}
.right {
background-color: #E5E5E5;
}

我們使用了 `display: flex` 聲明容器為彈性布局，并使用了 `justify-content: space-between` 將兩個列平均分布在容器的兩端。

接著，我們使用 `width: 50%` 將兩列均分，并使用 `padding: 20px` 為每列添加內(nèi)邊距，并使用 `box-sizing: border-box` 保證內(nèi)邊距的計算不會影響列的寬度。

最后，我們分別為左右兩列定義了背景顏色，以便更加明顯地分辨兩列。

現(xiàn)在，我們的分為兩列的網(wǎng)頁布局就完成了。當(dāng)你使用這些代碼并運(yùn)行時，你將會發(fā)現(xiàn)左面的那一列是灰色的，右邊的一列是淺灰色的。

總之，CSS 的彈性布局是一個簡單而強(qiáng)大的工具，能夠幫助我們實(shí)現(xiàn)各種各樣的網(wǎng)頁布局，包括分為兩列的布局。當(dāng)你開始學(xué)習(xí) CSS 時，這也應(yīng)該是你需要掌握的一種基本技能。