span元素和div元素的區別:本章節簡單介紹一下span元素和div元素的區別，因為這兩個元素在佈局中非常的常用，可以說幾乎沒有任何頁面不適用這兩個元素，下麵就簡單介紹一下它們兩者的主要區別。一.元素的性質:span元素內聯元素，而div元素是塊級元素。關於兩種類型元素的區別可以參閱什麼是塊級元素...
span元素和div元素的區別:
本章節簡單介紹一下span元素和div元素的區別，因為這兩個元素在佈局中非常的常用，可以說幾乎沒有任何頁面不適用這兩個元素，下麵就簡單介紹一下它們兩者的主要區別。
一.元素的性質:
span元素內聯元素，而div元素是塊級元素。
關於兩種類型元素的區別可以參閱什麼是塊級元素和內聯元素一章節。
二.元素的使用方式:
div元素主要是用作大的框架佈局，而span元素則是主要用於對內容的修飾，比如顏色字體大小。
代碼如下:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> span{ color:red; font-weight:bold; } </style> </head> <body> <div id="top">螞蟻部落頂部</div> <div dir="content">螞蟻部落歡迎您，只有努力<span>奮鬥</span>才會有美好的明天</div> </body> </html>
上面代碼是簡單的演示而已，也就是說div負責大的佈局，而span元素則註重於細節的修飾。
原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=13064
更多內容可以參閱:http://www.softwhy.com/divcss/
