對(duì)于新手或入門者來(lái)說(shuō)，往往會(huì)有這幾方面的疑問(wèn)：
諸如此類的問(wèn)題，是新手們最常問(wèn)的。回答這些問(wèn)題，也是仁者見仁，智者見智了。不過(guò)從嚴(yán)格的角度來(lái)講，div＋css的叫法是不對(duì)，只不過(guò)像我們這些菜鳥級(jí)的都這樣叫，習(xí)慣了而已。
1、那么DIV＋CSS是什么意思呢？實(shí)質(zhì)是什么？
要弄懂這個(gè)意思，首先你要對(duì)網(wǎng)頁(yè)有一定了解，對(duì)和div相對(duì)的table布局有很好的認(rèn)識(shí)，這樣理解起來(lái)就不難了。
DIV+CSS是網(wǎng)站標(biāo)準(zhǔn)（或稱“WEB標(biāo)準(zhǔn)”）中常用的術(shù)語(yǔ)之一，通常為了說(shuō)明與HTML網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言中的表格（table）定位方式的區(qū)別，因?yàn)閄HTML網(wǎng)站設(shè)計(jì)標(biāo)準(zhǔn)中，不再使用表格定位技術(shù)，而是采用DIV+CSS的方式實(shí)現(xiàn)各種定位。 用div盒模型結(jié)構(gòu)給各部分內(nèi)容劃分到不同的區(qū)塊，然后用css來(lái)定義盒模型的位置、大小、邊框、內(nèi)外邊距、排列方式等。
CSS是英語(yǔ)Cascading Style Sheets（層疊樣式表單）的縮寫，它是一種用來(lái)表現(xiàn) HTML 或 XML 等文件式樣的計(jì)算機(jī)語(yǔ)言。在我們用table布局時(shí)，都曾接觸和應(yīng)用到css。
DIV元素是用來(lái)為HTML文檔內(nèi)大塊（block-level）的內(nèi)容提供結(jié)構(gòu)和背景的元素。DIV的起始標(biāo)簽和結(jié)束標(biāo)簽之間的所有內(nèi)容都是用來(lái)構(gòu)成這個(gè)塊的，其中所包含元素的特性由DIV標(biāo)簽的屬性來(lái)控制，或者是通過(guò)使用樣式表格式化這個(gè)塊來(lái)進(jìn)行控制。
簡(jiǎn)單地說(shuō)，div 用于搭建網(wǎng)站結(jié)構(gòu)（框架）、css用于創(chuàng)建網(wǎng)站表現(xiàn)（樣式/美化），實(shí)質(zhì)即使用XHTML對(duì)網(wǎng)站進(jìn)行標(biāo)準(zhǔn)化重構(gòu)，使用CSS將表現(xiàn)與內(nèi)容分離，便于網(wǎng)站維護(hù)，簡(jiǎn)化html頁(yè)面代碼，可以獲得一個(gè)較優(yōu)秀的網(wǎng)站結(jié)構(gòu)便于日后維護(hù)、協(xié)同工作和搜索引擎蜘蛛抓取。
當(dāng)然不是所有的網(wǎng)頁(yè)都需要用div布局，例如數(shù)據(jù)頁(yè)面、報(bào)表之類的頁(yè)面的時(shí)候還是會(huì)用table，web標(biāo)準(zhǔn)里并沒(méi)有說(shuō)要摒棄table。所謂DIV+CSS布局的叫法讓人更為擔(dān)心，不要讓DIV成為Table的替代品，多層嵌套的DIV會(huì)嚴(yán)重影響代碼的可閱讀性，活用HTML為我們提供的標(biāo)簽吧。
2、DIV+CSS的優(yōu)勢(shì)何在？
1：表現(xiàn)和內(nèi)容相分離
將設(shè)計(jì)部分剝離出來(lái)放在一個(gè)獨(dú)立樣式文件中，HTML文件中只存放文本信息。符合W3C標(biāo)準(zhǔn)，微軟等公司均為W3C支持者。這一點(diǎn)是最重要的，因?yàn)檫@保證您的網(wǎng)站不會(huì)因?yàn)閷?lái)網(wǎng)絡(luò)應(yīng)用的升級(jí)而被淘汰。
2：提高搜索引擎對(duì)網(wǎng)頁(yè)的索引效率
用只包含結(jié)構(gòu)化內(nèi)容的HTML代替嵌套的標(biāo)簽，搜索引擎將更有效地搜索到你的網(wǎng)頁(yè)內(nèi)容，并可能給你一個(gè)較高的評(píng)價(jià)。
3：代碼簡(jiǎn)潔，提高頁(yè)面瀏覽速度
對(duì)于同一個(gè)頁(yè)面視覺(jué)效果，采用CSS+DIV重構(gòu)的頁(yè)面容量要比TABLE編碼的頁(yè)面文件容量小得多，代碼更加簡(jiǎn)潔，前者一般只有后者的1/2大小。對(duì)于一個(gè)大型網(wǎng)站來(lái)說(shuō)，可以節(jié)省大量帶寬。并且支持瀏覽器的向后兼容，也就是無(wú)論未來(lái)的瀏覽器大戰(zhàn)，勝利的是IE7或者是火狐，您的網(wǎng)站都能很好的兼容。
4：易于維護(hù)和改版
樣式的調(diào)整更加方便。內(nèi)容和樣式的分離，使頁(yè)面和樣式的調(diào)整變得更加方便。你只要簡(jiǎn)單的修改幾個(gè)CSS文件就可以重新設(shè)計(jì)整個(gè)網(wǎng)站的頁(yè)面。現(xiàn)在YAHOO,MSN等國(guó)際門戶網(wǎng)站，網(wǎng)易，新浪等國(guó)內(nèi)門戶網(wǎng)站，和主流的WEB2.0網(wǎng)站，均采用DIV+CSS的框架模式，更加印證了DIV+CSS是大勢(shì)所趨。
3、新手學(xué)習(xí)div＋css，該如何入門？
學(xué)習(xí)任何東西都是一樣，從小學(xué)、中學(xué)、大學(xué)，除了學(xué)習(xí)知識(shí)外就是去學(xué)習(xí)方法！要想學(xué)好網(wǎng)頁(yè)標(biāo)準(zhǔn)化布局，要先擯棄傳統(tǒng)的table布局時(shí)形成的固定思維方式，用div布局，從內(nèi)容出發(fā)。而且必須要對(duì)html標(biāo)簽有很好的認(rèn)識(shí)，起碼見了要知道它怎么用，干什么的。因?yàn)橐粋€(gè)樣式它是不可能脫離HTML頁(yè)面的，HTML不與樣式結(jié)合的話, CSS就失去了存在的意義。接下來(lái)就是css了，必須能寫出常用css的樣式。
學(xué)習(xí)方式可以從網(wǎng)上找現(xiàn)在的教程或資料學(xué)，如本站2010年9月新增的《十天學(xué)會(huì)web標(biāo)準(zhǔn)（div+css）》、6月新增的《新手常見問(wèn)題系列視頻教程》和之前的CSS網(wǎng)頁(yè)布局初級(jí)入門教程、DIV+CSS網(wǎng)頁(yè)設(shè)計(jì)視頻教程（后邊兩系列有點(diǎn)老，建議學(xué)習(xí)前邊的），都是非常不錯(cuò)的教程，相信通過(guò)這一系列的學(xué)習(xí)，你就可以很快入門了。
另外推薦幾本書：《CSS權(quán)威指南》《網(wǎng)站重構(gòu)》《網(wǎng)站布局實(shí)錄》《HTML參考大全》。閱讀一本書，一般來(lái)說(shuō)第一次要先把整個(gè)書通讀一遍，不理解的也要往下看，在往下看的過(guò)程中你也許會(huì)找到那個(gè)問(wèn)題的答案?？赐旰竽阌幸粋€(gè)大概的印象，但一定有很多不明白的地方，沒(méi)關(guān)系，繼續(xù)往下看。第二遍你就要邊看邊做學(xué)習(xí)筆記了，把你認(rèn)為是重點(diǎn)的部分寫上，還有，你覺(jué)得有疑問(wèn)的部分也要記下，帶著疑問(wèn)看下去，如果沒(méi)有答案，你可以去BBS上發(fā)一個(gè)貼子，好心人還是很多的，提示一句：“一定要學(xué)會(huì)如何去問(wèn)問(wèn)題!”。你還要上機(jī)去練習(xí)書上的例子，最讓你困惑的：“一是記不住，二是對(duì)概念的理解有誤(這一條可能是書譯的不好，另外就是你的理解不對(duì))”，對(duì)于第一條你就要樹立信心，堅(jiān)持再堅(jiān)持下去。當(dāng)你到達(dá)終點(diǎn)時(shí)你回發(fā)現(xiàn)一切都是順理成章的事。因?yàn)槟闩α?，努力了就?huì)有回報(bào)，有結(jié)果。
4、使用什么軟件來(lái)布局頁(yè)面和編輯css呢？
關(guān)于這個(gè)問(wèn)題，只要已經(jīng)能達(dá)到會(huì)手寫的程度，用什么軟件都可以，比如記事本。對(duì)于新手來(lái)說(shuō)推薦使用DreamWeaver（本站主頁(yè)提供有下載入口）、微軟出的FrontPage的替代品Microsoft Expression Web或TopStyle。
5.能不能提供幾個(gè)實(shí)例具體講解一下怎么來(lái)實(shí)現(xiàn)？
關(guān)于實(shí)例方面，本站推出一篇詳細(xì)的從制作效果圖、頁(yè)面切割、div布局、css定位美化等從頭到尾的詳細(xì)教程：http://www.aa25.cn/div_css/911.shtml，共分三篇，希望對(duì)大家有所幫助。如果直接學(xué)習(xí)這篇文章有點(diǎn)難，那么就從《十天學(xué)會(huì)web標(biāo)準(zhǔn)（div+css）》的第一天開始學(xué)習(xí)喲！
聯(lián)系客服
