通過CSS的設置把行內元素轉換成塊級元素：

標準流：就是標簽的排列方式。
<div class="style2">我的未來不是夢</div>
<span id="st" class="style1">欄目一</span>
<span class="style2">欄目二</span>
<br />
<span class="style3 guaiji">陽光男孩</span>
<span class="style3 ">欄目三</span>
以上是標簽的一個排列方式，以下是網頁內容的呈現方式，它是以標簽的排列方式來呈現的

這就是我們對標準流的理解（就象流水，排在前面的標簽內容前面出現，排后面的標簽內容后面出現）

盒子模型：

下面在CSS樣式文件中設置邊框border：
.style1, .style2, .style3
{
background-color: #FAFEB1;
border-width:2px;
border-color:Blue;
border-style:solid;
}
.guaiji
{
display: block;
}

以上對邊框的設置可以簡寫為：border:2px blue solid;運行效果一樣。
下面設置內邊距padding:
.style1, .style2, .style3
{
background-color: #FAFEB1;
border-width:2px;
border-color:Blue;
border-style:solid;
padding:5px 0px 5px 10px;
}
.guaiji
{
display: block;
}