DIV與SPAN差別及div與san用法篇
<dl></dl>
<dt>目錄</dt>
<dd></dd>
<a href="http://www.divcss5.com/rumen/r79.shtml#no1">特點與差別</a>
<a href="http://www.divcss5.com/rumen/r79.shtml#no2">小結</a>
<a href="http://www.divcss5.com/rumen/r79.shtml#no3">知識擴充</a>
<a href="http://www.divcss5.com/rumen/r79.shtml#no4">案例效果示範</a>
div與span差別
div占用的位置是一行,
span占用的是内容有多寬就占用多寬的空間距離,說明如下圖
sapn标簽使用案例截圖
分析:從上圖很容易知道“我是内容一;用的div”和“我是内容二;用的div”兩個内容外部用的是<div>标簽,他們得到樣式是占用了一排空間(相當于換行一樣);而“我是内容三;用的span”和“我是内容四;用的span”則,文字内容有多寬,就占用多寬距離,使用<span>标簽和不使用一樣效果。
在網頁開發的時候使用div和span都可以,通常可以了解為沒有什麼差別。但注意的是div占用一行,span不會占用一行,内容占多大寬度,span就有多寬。
.yanshi span{屬性及屬性值}
對span設定css樣式截圖