div和span的區別

相對與其他xhtml標籤，div和span對於它們包含的元素是沒有意義的。例如當你看到標籤，你知道裡面是標題，當你看到

標籤的時候你知道裡面是乙個新的自然段。可是div和span標籤並沒有這樣意義。div只是乙個分塊的標籤，他可以將網頁分成幾個區塊。div裡面可能包含乙個標題，乙個段落，也可能包含在內的很多元素，甚至div也可以再包含div。而span是行級元素(行內標籤)，通常情況下它都用來定義一小段文字的樣式。它們的另乙個區別就是div會造成換行，而span則不會。

當然了，div和span的具體意義和區別脫離開實踐是很難說清楚的。下面我們就來看看div和span的應用例項。

例項頁面。源**如下：

在上面的例子中，我們首先在頁面內放了乙個class為box的div，而在它的內部又放了乙個class為boxhead的div。為了便與觀察，我們為div新增了背景顏色。下面我們來看看對這兩個div定義的前面教程中沒有的屬性：

對box的屬性：width: 30%;表示這個box div佔頁面寬度的30%，而浮動屬性float: left;則表示box div浮動在頁面的左側。

對boxhead的屬性：width: 100%;由於boxhead div在box div之內，那麼這裡的100%是指box的寬度。

例項頁面。本例項在上面例項的基礎之上，只修改一段文字的顏色。修改如下**：

將第乙個「我在div內，屬性為box。

」修改為

我在div內，也在span內，屬性為box。

以上只是關於div和span的簡單介紹，而實際應用中div和span的用法是非常靈活的。

SPAN和DIV的區別

span和div的區別 div division 是乙個塊級元素，可以包含段落 標題 乃至諸如章節 摘要和備註等。而span 是行內元素，span 的前後是不會換行的，它沒有結構的意義，純粹是應用樣式，當其他行內元素都不合適時，可以使用span。下面以乙個例項來說明這兩個屬性的區別。span標記有乙...

div 和 span 的區別

在行內定義乙個區域，也就是一行內可以被劃分成好幾個區域，從而實現某種特定效果。本身沒有任何屬性。在css定義中屬於乙個行內元素 也譯作內嵌元素 而是塊級元素，我們可能通俗地理解為為大容器，大容器當然可以放乙個小容器了,就是小容器。div 和 span 元素最大的特點是預設都沒有對元素內的物件進行任何...

div和span的區別

塊級元素 就是乙個方塊，像段落一樣，預設佔據一行出現 內聯元素 又叫行內元素，顧名思義，只能放在行內，就像乙個單詞，不會造成前後換行，起輔助作用。一般的塊級元素諸如段落 標題.列表,表單 div和body等元素。而內聯元素則如 表單元素 超級鏈結 影象 如果沒有css的作用，塊元素會順序以每次另起一...