DIV CSS 佈局教程網

Html只是賦予內容的手段，大部分Html標簽都有其意義（標簽p創建段落，h1標簽創建標題等等）的，然而span和div標簽似乎沒有任何內容上的意義，聽起來就像一個泡沫做成的錘子一樣無用。但實際上，與CSS結合起來後，它們被用得十分廣泛。

它們被用來組合一大塊的Html代碼並賦予一定的信息，大部分用類屬性class和標識屬性id與元素聯系起來，見CSS中級指南的類和id選擇符。

span和div的不同之處在於span是內聯的，用在一小塊的內聯Html中，而div（想想division是什麼意思）元素是塊級的（簡單地說，它等同於其前後有斷行），用於組合一大塊的代碼。

<div id="scissors"> <p>This is <span class="paper">crazy</span></p> </div> 

在實踐中，div，特別是span不應該濫用，盡管有其他相左的意見。比如，你要強調單詞“crazy”和加粗類“paper”，可能會用這樣的代碼：

<div id="scissors"> <p>This is <strong class="paper">crazy</strong></p> </div> 

這是做法比再加一個span比較好。

對於類class和標識id沒有線索？別擔心，在CSS中級指南中會接觸到它們。你所需要記住的是，span和div 是“無意義”的標簽。