DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> 搞定CSS SPAN和DIV的區別
搞定CSS SPAN和DIV的區別
編輯:CSS詳解     
SPAN 和 DIV 的區別在於,DIV(division)是一個塊級元素,可以包含段落、標題、表格,乃至諸如章節、摘要和備注等。而SPAN 是行內元素,SPAN 的前後是不會換行的,它沒有結構的意義,純粹是應用樣式,當其他行內元素都不合適時,可以使用SPAN。

  下面以一個實例來說明這兩個屬性的區別。

  代碼:

  SPAN標記有一個重要而實用的特性,即它什麼事也不會做,它的唯一目的就是圍繞你的Html代碼中的其它元素,這樣你就可以為它們指定樣式了。在此例中,標識符允許你將一個段落分成不同的部分。

  還有一個標識符具有類似的功能,

DIV也被用來在Html文件中建立邏輯部分。但與
SPAN不同,
工作於文本塊一級,它在它所包含的Html元素的前面及後面都引入了行分隔。

  效果:

  SPAN標記有一個重要而實用的特性,即它什麼事也不會做,它的唯一目的就是圍繞你的Html代碼中的其它元素,這樣你就可以為它們指定樣式了。在此例中,標識符允許你將一個段落分成不同的部分。

  還有一個標識符具有類似的功能,

  DIV也被用來在Html文件中建立邏輯部分。但與

  SPAN不同,

  工作於文本塊一級,它在它所包含的Html元素的前面及後面都引入了行分隔。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved