來源;

http://css.1keydata.com/tw/div-span.php

Div

Div 這個標籤目的是將內容分為不同的區域,而每一個區域可以根據 CSS 中的宣告而有自己的樣式。

Div 是一個區塊級容器 (block-level container),這代表在 </div> 標籤後會換行。

舉例來說,如果我們有以下的 CSS 樣式:

.large {
  color: #00FF00;
  font-family:arial;
  font-size: 4pt;
}

以下的 HTML 碼,

<div>
  這是 DIV 範例。
</div>

就會顯現為,

這是 DIV 範例。

Span

Span 跟 Div 類似的地方是,這兩個標籤的目的都是將內容分為不同的區域。不同的是,Span 可以涵蓋更細層的元素。

所以,我們甚至可以用 <span> 來調整單一文字的樣式。另外,在 </span> 之後並不會換行。

舉例來說,如果我們有以下的 CSS 樣式:

.largefont {
  color: #0066FF;
  font-family:arial;
  font-size: 6px;
}

以下的 HTML 碼,

Span 不是<span>區塊級的</span>.

就會顯現為,

Span 不是區塊級的.

 

文章標籤
全站熱搜
創作者介紹
創作者 查拉工作站 的頭像
查拉工作站

Zona_writing

查拉工作站 發表在 痞客邦 留言(0) 人氣(268)