其實(shí)并不是div比table快，只是div有些優(yōu)點(diǎn)會(huì)使它“快”過table。
1、div可以下載一個(gè)顯示一個(gè)，而table要完整下載才能顯示。
2、div可以用更少的div來排版。
原因主要在，table標(biāo)記要解析到對(duì)應(yīng)的才會(huì)顯示，而div這里就不用！它用由上而上顯示 出來！
CSS＋DIV是網(wǎng)站標(biāo)準(zhǔn)（或稱“WEB標(biāo)準(zhǔn)”）中常用的術(shù)語之一，通常為了說明與HTML網(wǎng)頁設(shè)計(jì)語言中的表格（table）定位方式的區(qū)別，因?yàn)閄HTML網(wǎng)站設(shè)計(jì)標(biāo)準(zhǔn)中，不再使用表格定位技術(shù)，而是采用css+div的方式實(shí)現(xiàn)各種定位。
CSS＋DIV網(wǎng)站設(shè)計(jì)的優(yōu)勢(shì)
首先，CSS的極大優(yōu)勢(shì)表現(xiàn)在簡(jiǎn)潔的代碼，對(duì)于一個(gè)大型網(wǎng)站來說，可以節(jié)省大量帶寬，而且眾所周知，搜索引擎喜歡清潔的代碼（其真正意義在于，增加了有效關(guān)鍵詞占網(wǎng)頁總代碼的比重），因此使用CSS＋DIV的web標(biāo)準(zhǔn)制作的網(wǎng)站具有搜索引擎友好的一定優(yōu)勢(shì)。
其次，CSS+DIV制作的網(wǎng)站使得網(wǎng)站改版相對(duì)簡(jiǎn)單，很多問題只需要改變CSS而不需要改動(dòng)程序，從而降低了網(wǎng)站改版的成本。
盡管CSS+DIV具有一定的優(yōu)勢(shì)，不過現(xiàn)階段CSS+DIV網(wǎng)站建設(shè)存在的問題也比較明顯，主要表現(xiàn)在：
第一，對(duì)于CSS的高度依賴使得網(wǎng)頁設(shè)計(jì)變得比較復(fù)雜。相對(duì)于HTML4.0中的表格布局（table），CSS+DIV盡管不是高不可及，但至少要比表 格定位復(fù)雜的多，即使對(duì)于網(wǎng)站設(shè)計(jì)高手也很容易出現(xiàn)問題，更不要說初學(xué)者了，這在一定程度上影響了XHTML網(wǎng)站設(shè)計(jì)語言的普及應(yīng)用。
第二，CSS文件異常將影響整個(gè)網(wǎng)站的正常瀏覽。CSS網(wǎng)站制作的設(shè)計(jì)元素通常放在幾個(gè)l外部文件中，這一個(gè)或幾個(gè)文件有可能相當(dāng)復(fù)雜，甚至比較龐大，如果CSS文件調(diào)用出現(xiàn)異常，那么整個(gè)網(wǎng)站將變得慘不忍睹。
第三，對(duì)于CSS網(wǎng)站設(shè)計(jì)的瀏覽器兼容性問題比較突出?；贖TML4.0的網(wǎng)頁設(shè)計(jì)在IE4.0之后的版本中幾乎不存在瀏覽器兼容性問題，但 CSS+DIV設(shè)計(jì)的網(wǎng)站在IE瀏覽器里面正常顯示的頁面，到火狐瀏覽器（FireFox ）中卻可能面目全非（這也是為什么建議網(wǎng)絡(luò)營(yíng)銷人員使用火狐瀏覽器的原因所在 ）。CSS+DIV還有待于各個(gè)瀏覽器廠商的進(jìn)一步支持。
用過div+css作個(gè)整個(gè)網(wǎng)站，如果是純粹的div的布局是比較麻煩的，尤其是你div里面嵌套div的，div布局的時(shí)候，你有些頁面效果還是要舍棄 一點(diǎn)的，比如圖片的圓角，這些如果套div比較麻煩，在一個(gè)div在VS2005設(shè)計(jì)器里面可能變形，如果過多的套div，你實(shí)現(xiàn)ajax拖動(dòng)效果的時(shí)候 比較麻煩，所以我覺得眼下還是div+嵌套table比較好。
圓角——可以用div+css做出一樣漂亮的圓角，而且不用圖片，而且是寬度、高度自適應(yīng)的
怎么實(shí)現(xiàn)?挖挖Google Talk的css模板
忘掉 div 和 table 吧!
html 最大的特點(diǎn)就是兼容性和自適應(yīng)性。
使用了復(fù)雜的 div+css 后，你也許會(huì)發(fā)現(xiàn)在 IE 中很美觀的頁面在其他瀏覽器中看起來象一團(tuán)漿糊。做一個(gè)網(wǎng)站而只服務(wù)與特定的瀏覽器，是不可取的。如果看到哪個(gè)網(wǎng)頁上有“請(qǐng)用 XXX 瀏覽”的字樣，一個(gè)字的評(píng)價(jià)“爛”!
html 瀏覽器會(huì)自動(dòng)根據(jù)頁面的內(nèi)容進(jìn)行排版，這是普通的應(yīng)用程序難以做到的。做出“請(qǐng)用 X*Y 以上分辨率瀏覽”的、在高分辨率顯示器上浪費(fèi)了大量頁面左右空白而使用長(zhǎng)長(zhǎng)滾動(dòng)條的、使用了固定字體大小的，統(tǒng)統(tǒng)都是從開發(fā)應(yīng)用程序轉(zhuǎn)過來的“半路出家的 和尚”。
千萬不要模仿所謂的“XX優(yōu)秀網(wǎng)站設(shè)計(jì)”，那如果不是主辦方有意的推廣某種技術(shù)，就是作者的美術(shù)功底太過優(yōu)秀的。一個(gè)好的網(wǎng)站，只有先做到內(nèi)容充實(shí)、簡(jiǎn)潔、合理組織、方便閱讀，再去考慮錦上添花的修飾。
已經(jīng)完全轉(zhuǎn)型div/css 剛開始還是比較麻煩，動(dòng)不動(dòng)就查樣式文檔，現(xiàn)在基本實(shí)現(xiàn)手寫。
推薦用VS2005布局，比如一個(gè)頁面在VS2005的標(biāo)準(zhǔn)樣式布局后，再將一個(gè)個(gè)樣式取出到單獨(dú)css文件中，這是比較快的辦法。
SPAN 和 DIV 的區(qū)別在于，DIV(division)是一個(gè)塊級(jí)元素，可以包含段落、標(biāo)題、表格，乃至諸如章節(jié)、摘要和備注等。而SPAN 是行內(nèi)元素，SPAN 的前后是不會(huì)換行的，它沒有結(jié)構(gòu)的意義，純粹是應(yīng)用樣式，當(dāng)其他行內(nèi)元素都不合適時(shí)，可以使用SPAN。
下面以一個(gè)實(shí)例來說明這兩個(gè)屬性的區(qū)別。
代碼:
SPAN標(biāo)記有一個(gè)重要而實(shí)用的特性，即它什么事也不會(huì)做，它的唯一目的就是圍繞你的HTML代碼中的其它元素，這樣你就可以為它們指定樣式了。在此例中，標(biāo)識(shí)符允許你將一個(gè)段落分成不同的部分。
還有一個(gè)標(biāo)識(shí)符具有類似的功能，
DIV也被用來在HTML文件中建立邏輯部分。但與
SPAN不同，
工作于文本塊一級(jí)，它在它所包含的HTML元素的前面及后面都引入了行分隔。
效果:
SPAN標(biāo)記有一個(gè)重要而實(shí)用的特性，即它什么事也不會(huì)做，它的唯一目的就是圍繞你的HTML代碼中的其它元素，這樣你就可以為它們指定樣式了。在此例中，標(biāo)識(shí)符允許你將一個(gè)段落分成不同的部分。
還有一個(gè)標(biāo)識(shí)符具有類似的功能，
DIV也被用來在HTML文件中建立邏輯部分。但與
SPAN不同，
工作于文本塊一級(jí)，它在它所包含的HTML元素的前面及后面都引入了行分隔
歡迎訪問更多網(wǎng)站推廣,網(wǎng)絡(luò)營(yíng)銷,網(wǎng)站優(yōu)化,SEO相關(guān)內(nèi)容
.png)