本文和大家重點(diǎn)討論一下為什么要運(yùn)用Div Css進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)? CSS是CascadingstyleSheets的簡(jiǎn)稱，中文譯作“層疊樣式表單”，在主頁(yè)制作時(shí)采用CSS技術(shù)，可以有效地對(duì)頁(yè)面的布局、字體、顏色、背景和其它效果實(shí)現(xiàn)更加精確的控制。
為什么要運(yùn)用Div Css進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)?
為什么要運(yùn)用Div Css進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)，用Div Css設(shè)計(jì)有什么好處呢?面對(duì)目前Div Css布局日益成為新站建立的首選,大家不禁產(chǎn)生以上疑問(wèn)!
CSS是CascadingstyleSheets的簡(jiǎn)稱，中文譯作“層疊樣式表單”，在主頁(yè)制作時(shí)采用CSS技術(shù)，可以有效地對(duì)頁(yè)面的布局、字體、顏色、背景和其它效果實(shí)現(xiàn)更加精確的控制。只要對(duì)相應(yīng)的代碼做一些簡(jiǎn)單的修改，就可以改變同一頁(yè)面的不同部分，或者頁(yè)數(shù)不同的網(wǎng)頁(yè)的外觀和格式。網(wǎng)上沖浪無(wú)論你用InternetExplorer還是NetscapeNavigator，幾乎隨時(shí)都在與CSS打交道，在網(wǎng)上沒(méi)有使用過(guò)CSS的網(wǎng)頁(yè)可能不好找。不管你用什么工具軟件制作網(wǎng)頁(yè)，都有在有意無(wú)意地使用CSS。用好CSS能使你的網(wǎng)頁(yè)更加簡(jiǎn)煉，同樣內(nèi)容的網(wǎng)頁(yè)，有的人做出來(lái)有幾十KB，而高手做出來(lái)只有十幾KB。
概括來(lái)講使用Div CSS構(gòu)架主要有以下三大好處：
1、對(duì)搜索引擎親和力
一般來(lái)說(shuō)，table構(gòu)架描述的頁(yè)面，樣式結(jié)構(gòu)和內(nèi)容信息大小比可能達(dá)到1：1甚至更高,而Div CSS構(gòu)架的頁(yè)面。雖然在客戶端看來(lái)下載一個(gè)復(fù)雜的CSS也要占用差不多的帶寬，然而搜索引擎可以很方便的繞過(guò)這個(gè)css，而直接抓去div中的內(nèi)容。這便是div的優(yōu)勢(shì)所在。搜索引擎不會(huì)在意一個(gè)頁(yè)面的設(shè)計(jì)或者構(gòu)成,搜索引擎不可能“欣賞”設(shè)計(jì)漂亮新穎的頁(yè)面,也不會(huì)去“排斥”顏色搭配丑陋的頁(yè)面。它們只是默默地拿到它們需要的內(nèi)容就離開(kāi)。如果一個(gè)頁(yè)面中涵蓋了大量的table來(lái)描述構(gòu)架，試想搜索引擎要花多大的代價(jià)才可以拿到真正有用的信息呢？因此，Div Css結(jié)構(gòu)清晰，容易被搜索引擎搜索到，天生優(yōu)化了seo。
2、表現(xiàn)和內(nèi)容分離,便于站點(diǎn)重構(gòu)頁(yè)面
內(nèi)容和樣式的分離導(dǎo)致我們?cè)谥貥?gòu)頁(yè)面布局（更換皮膚）的時(shí)候，只用針對(duì)每一個(gè)div元素重新定義其具體位置、樣式就行了。而在原來(lái)的table基礎(chǔ)上進(jìn)行改版,幾乎必須改變所有的內(nèi)容注入渠道,實(shí)在是太過(guò)于麻煩。這個(gè)應(yīng)用最經(jīng)典的例子就是各大blog程序了。就如現(xiàn)在我用的LBS系統(tǒng)，以及流行的PJBLOG、PHP下面的WP、MT，都是采用Div Css構(gòu)架。
3、便于Web項(xiàng)目開(kāi)發(fā)分工協(xié)作
以往的Web開(kāi)發(fā)程序員和頁(yè)面設(shè)計(jì)者結(jié)合必須相當(dāng)緊密。由于Div CSS構(gòu)架的表現(xiàn)和內(nèi)容分離的特性，程序員和頁(yè)面設(shè)計(jì)者只要通過(guò)一定頁(yè)面元素的約定，便可進(jìn)行各自擅長(zhǎng)的程序控制和頁(yè)面展示部分的開(kāi)發(fā)，大大提高了開(kāi)發(fā)效率。
