1. 介紹

CSS是一種用于樣式和布局的編程語言，可以讓網站更加美觀和易于使用。在CSS中，可以通過設置樣式來定義字體、顏色、大小、位置、邊框和背景等。其中，平分3份是一種常見的CSS技巧，可以讓文本或其他元素在屏幕上占據更小的屏幕空間，從而更好地展示其內容。

2. 平分3份的示例

下面是一個使用平分3份技巧的示例：

text-align: center;

margin-bottom: 30px;

text-align: center;

margin-bottom: 30px;

text-align: center;

margin-bottom: 30px;

在這個示例中，`h1`、`h2`和`h3`都被平分了3份，因此它們的寬度都將縮小為原來的1/3。這將使得整個頁面中的文本更容易閱讀，特別是在長篇大論的元素中。

3. 平分3份的原理

平分3份的原理是通過將一個元素的寬度分成3份，然后將其中2份的的寬度分別設置為該元素的`margin-bottom`屬性。這樣，每個元素都將占據屏幕上的1/3空間。具體來說，對于`h1`元素，`margin-bottom`屬性設置為`30px`，這將導致它占據屏幕上的1/3空間，而對于`h2`和`h3`元素，`margin-bottom`屬性分別設置為`30px`，也將占據屏幕上的1/3空間。

4. 使用平分3份的技巧

使用平分3份的技巧非常簡單，只需要將一個元素的寬度設置為其真正的寬度(不考慮背景和邊框等額外元素的寬度)的1/3即可。例如，對于`<div>`元素，可以將其寬度設置為`100px`，然后將它的寬度分成3份，每份為`50px`，這樣，它占據屏幕上的1/3空間，如下所示：

<div style="width: 100px; height: 50px;">

<div style="width: 50px; height: 100px; background-color: blue;">

<!-- 內容 -->

</div>

<div style="width: 25px; height: 100px; background-color: green;">

<!-- 內容 -->

</div>

<div style="width: 25px; height: 50px; background-color: red;">

<!-- 內容 -->

</div>

</div>

在這個示例中，每個`<div>`元素都被平分了3份，并分別設置了不同的背景顏色。這樣，整個頁面中的文本和顏色都將占據更小的屏幕空間，從而更好地展示其內容。

5. 結論

平分3份是CSS中一種常用的技巧，可以讓文本或其他元素在屏幕上占據更小的屏幕空間，從而更好地展示其內容。通過將一個元素的寬度分成3份，然后將其中2份的寬度分別設置為該元素的`margin-bottom`屬性，可以實現平分3份的效果。