網(wǎng)頁中Span和Div的區(qū)別
更新時間：2008年05月10日 21:50:22 作者：
HTML只是賦予內(nèi)容的手段，大部分HTML標簽都有其意義（標簽p創(chuàng)建段落，h1標簽創(chuàng)建標題等等）的，然而span和div標簽似乎沒有任何內(nèi)容上的意義，聽起來就像一個泡沫做成的錘子一樣無用。但實際上，與CSS結(jié)合起來后，它們被用得十分廣泛。
它們被用來組合一大塊的HTML代碼并賦予一定的信息，大部分用類屬性class和標識屬性id與元素聯(lián)系起來，見CSS中級指南的類和id選擇符。
span和div的不同之處在于span是內(nèi)聯(lián)的，用在一小塊的內(nèi)聯(lián)HTML中，而div（想想division是什么意思）元素是塊級的（簡單地說，它等同于其前后有斷行），用于組合一大塊的代碼。
This is crazy
在實踐中，div，特別是span不應(yīng)該濫用，盡管有其他相左的意見。比如，你要強調(diào)單詞“crazy”和加粗類“paper”，可能會用這樣的代碼：
This is crazy
這是做法比再加一個span比較好。
對于類class和標識id沒有線索？別擔心，在CSS中級指南中會接觸到它們。你所需要記住的是，span和div 是“無意義”的標簽。
span和div的不同之處在于span是內(nèi)聯(lián)的，用在一小塊的內(nèi)聯(lián)HTML中，而div（想想division是什么意思）元素是塊級的（簡單地說，它等同于其前后有斷行），用于組合一大塊的代碼。
This is crazy
在實踐中，div，特別是span不應(yīng)該濫用，盡管有其他相左的意見。比如，你要強調(diào)單詞“crazy”和加粗類“paper”，可能會用這樣的代碼：
This is crazy
這是做法比再加一個span比較好。
對于類class和標識id沒有線索？別擔心，在CSS中級指南中會接觸到它們。你所需要記住的是，span和div 是“無意義”的標簽。
相關(guān)文章
《CSS3實戰(zhàn)》筆記--漸變設(shè)計（一)
這篇文章主要介紹了《CSS3實戰(zhàn)》筆記--漸變設(shè)計（一,需要的朋友可以參考下2016-05-05
今天訪問好多網(wǎng)站包括百度，啟點等網(wǎng)站都變成了黑白色界面，體現(xiàn)大家對于四川地震的深切哀悼，但有好的站長不一定知道是什么方法，還以為是大量改版，對于任何人都不是很輕松的事，特將本站的解決方法告訴大家。2008-05-05
其實和跟border的屬性一樣的東西，做網(wǎng)頁的朋友熟練利用下面的樣式，就可以做出漂亮的邊框效果2008-09-09
CSS2實現(xiàn)的隔行換色...2007-05-05
HTML5技術(shù)結(jié)合了HTML4.01的相關(guān)標準并革新，符合現(xiàn)代網(wǎng)絡(luò)發(fā)展要求，在2008年正式發(fā)布。HTML5并非僅僅用來表示W(wǎng)eb內(nèi)容，它將?Web帶入一個成熟的應(yīng)用平臺，在HTML5平臺上，視頻、音頻、圖象、動畫，以及同電腦的交互都被標準化。2023-02-02
css div布局總會遇到很多瀏覽器兼容的問題。2008-04-04
2008-01-01
css 之 background-position-x...2007-08-08
當浮動元素與非浮動元素相鄰時，這個3像素的Bug就會出現(xiàn)，它會偏移3像素。2008-10-10
