CSS 教學 > CSS Div 與 CSS Span
Div
Div 這個標籤目的是將內容分為不同的區域，而每一個區域可以根據 CSS 中的宣告而有自己的樣式。Div 是一個區塊級容器 (block-level container)，這代表在 </div> 標籤後會換行。
舉例來說，如果我們有以下的 CSS 樣式：
|
.large {
color: #00FF00;
font-family:arial;
font-size: 4pt;
}
|
以下的 HTML 碼，
|
<div class="large">
這是 DIV 範例。
</div>
|
就會顯現為，
Span
Span 跟 Div 類似的地方是，這兩個標籤的目的都是將內容分為不同的區域。不同的是，Span 可以涵蓋更細層的元素。所以，我們甚至可以用 <span> 來調整單一文字的樣式。另外，在 </span> 之後並不會換行。
舉例來說，如果我們有以下的 CSS 樣式：
|
.largefont {
color: #0066FF;
font-family:arial;
font-size: 6px;
}
|
以下的 HTML 碼，
|
Span 不是<span class="largefont">區塊級的</span>.
|
就會顯現為，
下一頁： CSS 長度單位
Copyright 1keydata.com 2007, 2008, All Rights Reserved.
|
|