在網(wǎng)站推廣中，幾年前div+CSS開(kāi)始逐漸成為網(wǎng)頁(yè)設(shè)計(jì)的選方式，目前來(lái)看，div+CSS已成為網(wǎng)頁(yè)設(shè)計(jì)的標(biāo)準(zhǔn)，國(guó)內(nèi)非常多的網(wǎng)站在這幾年已完成了從TaBLE到div+CSS的重構(gòu)。那么div+CSS相比TaBLE，它具有哪些優(yōu)勢(shì)呢
網(wǎng)頁(yè)設(shè)計(jì)采用div+CSS，大的優(yōu)勢(shì)是實(shí)現(xiàn)網(wǎng)頁(yè)代碼的標(biāo)準(zhǔn)化，摒棄過(guò)時(shí)的表格布局方式，實(shí)現(xiàn)了內(nèi)容、表現(xiàn)和行為這3者間的分離，html代碼結(jié)構(gòu)性更好，閱讀和維護(hù)更容易，同時(shí)網(wǎng)頁(yè)文件大小也更小。
div+CSS與TaBLE方式在設(shè)計(jì)時(shí)差別很大，網(wǎng)頁(yè)開(kāi)始設(shè)計(jì)前需要仔細(xì)規(guī)劃，比如對(duì)組成網(wǎng)頁(yè)的網(wǎng)站推廣各部分元素命名，方便在css中進(jìn)行樣式定義，公共屬性部分最好用類(lèi)名定義。整個(gè)網(wǎng)站通用的樣式可以放到單獨(dú)的一個(gè)css文件中，常有的公共屬性有：網(wǎng)頁(yè)寬度、背景顏色、背景圖片、字體默認(rèn)大小、顏色、鏈接樣式等，每個(gè)網(wǎng)頁(yè)不同的樣式在css文件中最好集中一塊，并在塊前說(shuō)明是哪個(gè)網(wǎng)頁(yè)或哪個(gè)網(wǎng)頁(yè)部分，這樣既精簡(jiǎn)css文件大小，又避免出現(xiàn)混亂，對(duì)維護(hù)也更方便。值得一提的是，網(wǎng)頁(yè)代碼中不要嵌入樣式，徹底實(shí)現(xiàn)內(nèi)容和樣式的分離。做好div+CSS的網(wǎng)頁(yè)設(shè)計(jì)，深圳網(wǎng)頁(yè)設(shè)計(jì)公司覺(jué)得有三點(diǎn)需要重點(diǎn)理解。
1、float屬性：div（層）默認(rèn)是占據(jù)一整行，對(duì)于常見(jiàn)的兩列或多列布局的設(shè)計(jì)，需要能夠正確設(shè)置float及width屬性實(shí)現(xiàn)效果。多列布局結(jié)束后如果跟了一個(gè)占據(jù)通欄的層，此時(shí)需要設(shè)置clear屬性清除層浮動(dòng)。
2、盒模式：層具有寬度width、高度height、邊框border、內(nèi)間距padding和外間距margin等屬性，而層實(shí)際占據(jù)的空間是上述屬性值相加的大小，合理運(yùn)用這些屬性能實(shí)現(xiàn)緊湊而又美觀(guān)的網(wǎng)頁(yè)布局。
3、層嵌套：有經(jīng)驗(yàn)的網(wǎng)頁(yè)設(shè)計(jì)師都知道層不宜嵌套過(guò)多，一般不超過(guò)3層，嵌套過(guò)多的會(huì)導(dǎo)致代碼復(fù)雜冗余、維護(hù)困難及運(yùn)行慢的問(wèn)題。另外，在多列布局時(shí)完全可以用層浮動(dòng)實(shí)現(xiàn)，不需要整體設(shè)置一個(gè)ie層來(lái)嵌入。

網(wǎng)站題目：講述采用div+CSS設(shè)計(jì)網(wǎng)頁(yè)和TaBLE之間區(qū)別
分享網(wǎng)址：http://jinyejixie.com/news/132032.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供移動(dòng)網(wǎng)站建設(shè)、做網(wǎng)站、商城網(wǎng)站、動(dòng)態(tài)網(wǎng)站、電子商務(wù)、定制開(kāi)發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)