CSS是網頁設計不可或缺的一部分，而CSS3以其各種新特性得到了廣泛的應用。其中，CSS3的格式化方式是優化網頁呈現的重要手段，下面我們來看看CSS3的主要格式化方式。

1. Box-sizing

/* 設置文本框尺寸為相對于內容框 */
box-sizing: content-box;
/* 設置文本框尺寸為相對于整個框模型 */
box-sizing: border-box;

Box-sizing可以設置文本框的尺寸響應整個框模型。默認設置是相對于內容框，使用border-box可以讓text-box的尺寸包括border和padding。

2. Flexbox

/* 容器屬性flex */
display: flex;
/* 項目屬性 */
order: 2;
flex-grow: 1;
flex-shrink: 1;
align-self: stretch;

Flexbox可以方便的在容器內自適應布局，并且容器與項目都具有一系列屬性可以定制。其中，flex-grow確定項目在容器中的比例，flex-shrink確定當容器壓縮時，項目縮小的比例。

3. Grid

/* 容器屬性 */
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 50px 1fr;
/* 項目屬性 */
grid-column-start: 2;
grid-row-end: span 3;
grid-area: 1 / 1 / 3 / 4;

與Flexbox不同，Grid適合公司類的布局。可以用grid-template-columns和grid-template-rows設置網格布局，grid-column-start和grid-row-end確定項目在網格中的位置，grid-area可以用于設置位置和大小等屬性。

總結：

以上是CSS3的三種主要的格式化方式，當然這僅僅是冰山一角。CSS3還有各種新特性，我們需要仔細了解以充分利用CSS3的優勢優化網頁設計。