本文和大家重點討論一下為什么要運用Div Css進行網(wǎng)頁設(shè)計? CSS是CascadingstyleSheets的簡稱，中文譯作“層疊樣式表單”，在主頁制作時采用CSS技術(shù)，可以有效地對頁面的布局、字體、顏色、背景和其它效果實現(xiàn)更加精確的控制。

為什么要運用Div Css進行網(wǎng)頁設(shè)計?

為什么要運用Div Css進行網(wǎng)頁設(shè)計，用Div Css設(shè)計有什么好處呢?面對目前Div Css布局日益成為新站建立的首選,大家不禁產(chǎn)生以上疑問!

CSS是CascadingstyleSheets的簡稱，中文譯作“層疊樣式表單”，在主頁制作時采用CSS技術(shù)，可以有效地對頁面的布局、字體、顏色、背景和其它效果實現(xiàn)更加精確的控制。只要對相應(yīng)的代碼做一些簡單的修改，就可以改變同一頁面的不同部分，或者頁數(shù)不同的網(wǎng)頁的外觀和格式。網(wǎng)上沖浪無論你用InternetExplorer還是NetscapeNavigator，幾乎隨時都在與CSS打交道，在網(wǎng)上沒有使用過CSS的網(wǎng)頁可能不好找。不管你用什么工具軟件制作網(wǎng)頁，都有在有意無意地使用CSS。用好CSS能使你的網(wǎng)頁更加簡煉，同樣內(nèi)容的網(wǎng)頁，有的人做出來有幾十KB，而高手做出來只有十幾KB。

概括來講使用Div CSS構(gòu)架主要有以下三大好處：

1、對搜索引擎親和力

一般來說，table構(gòu)架描述的頁面，樣式結(jié)構(gòu)和內(nèi)容信息大小比可能達到1：1甚至更高,而Div CSS構(gòu)架的頁面。雖然在客戶端看來下載一個復雜的CSS也要占用差不多的帶寬，然而搜索引擎可以很方便的繞過這個css，而直接抓去div中的內(nèi)容。這便是div的優(yōu)勢所在。搜索引擎不會在意一個頁面的設(shè)計或者構(gòu)成,搜索引擎不可能“欣賞”設(shè)計漂亮新穎的頁面,也不會去“排斥”顏色搭配丑陋的頁面。它們只是默默地拿到它們需要的內(nèi)容就離開。如果一個頁面中涵蓋了大量的table來描述構(gòu)架，試想搜索引擎要花多大的代價才可以拿到真正有用的信息呢？因此，Div Css結(jié)構(gòu)清晰，容易被搜索引擎搜索到，天生優(yōu)化了seo。

2、表現(xiàn)和內(nèi)容分離,便于站點重構(gòu)頁面

內(nèi)容和樣式的分離導致我們在重構(gòu)頁面布局（更換皮膚）的時候，只用針對每一個div元素重新定義其具體位置、樣式就行了。而在原來的table基礎(chǔ)上進行改版,幾乎必須改變所有的內(nèi)容注入渠道,實在是太過于麻煩。這個應(yīng)用最經(jīng)典的例子就是各大blog程序了。就如現(xiàn)在我用的LBS系統(tǒng)，以及流行的PJBLOG、php下面的WP、MT，都是采用Div Css構(gòu)架。

3、便于Web項目開發(fā)分工協(xié)作

以往的Web開發(fā)程序員和頁面設(shè)計者結(jié)合必須相當緊密。由于Div CSS構(gòu)架的表現(xiàn)和內(nèi)容分離的特性，程序員和頁面設(shè)計者只要通過一定頁面元素的約定，便可進行各自擅長的程序控制和頁面展示部分的開發(fā)，大大提高了開發(fā)效率。

【編輯推薦】

1. Div CSS經(jīng)驗：組織選擇符和聲明
2. DIV CSS居中常見方法解析
3. DIV CSS編碼中容易犯的一些錯誤
4. Div+CSS布局入門之寫入整體層結(jié)構(gòu)與CSS
5. DIV+CSS開發(fā)過程中影響SEO的制作細節(jié)