div+css 近來(lái)幾年在國(guó)內(nèi)的開(kāi)展可謂是得到了大多數(shù)人的認(rèn)同，咱們也都接受了，而且得到了一向的好評(píng)，很多的網(wǎng)站都現(xiàn)已開(kāi)端改版，運(yùn)用這種技能，藤設(shè)計(jì)網(wǎng)站計(jì)劃公司在做網(wǎng)站的時(shí)分遇到的或許說(shuō)是一些寫的領(lǐng)會(huì)吧，想拿出來(lái)和廣闊的網(wǎng)站制造愛(ài)好者共享下：

　　頁(yè)面重構(gòu)，最主要的長(zhǎng)處在于完成了頁(yè)面計(jì)劃的標(biāo)準(zhǔn)化，摒棄傳統(tǒng)的表格計(jì)劃方法，充沛到達(dá)內(nèi)容、體現(xiàn)和行動(dòng)三者的別離，使得HTML代碼愈加簡(jiǎn)單閱覽和保護(hù)，一起文件也變得更小。例如，網(wǎng)站改版后，一切的頁(yè)面文件巨細(xì)都不到本來(lái)的一半，因而占用的服務(wù)器空間更小，運(yùn)轉(zhuǎn)功率也得到很大的進(jìn)步，主頁(yè)翻開(kāi)速度顯著比曾經(jīng)更快。

　　DIV+CSS的頁(yè)面計(jì)劃方法，與傳統(tǒng)的table計(jì)劃有很大區(qū)別，因而在頁(yè)面計(jì)劃之前就要有一個(gè)具體的計(jì)劃，對(duì)組成頁(yè)面的各有些元素都進(jìn)行命名，方便在CSS文件中進(jìn)行款式界說(shuō)，公共特點(diǎn)有些能夠選用類名的方法來(lái)界說(shuō)。在整個(gè)站點(diǎn)中，關(guān)于網(wǎng)站通用的款式能夠界說(shuō)一個(gè)公共的css文件，例如包含頁(yè)面寬度、布景色彩、布景圖片、文字默許巨細(xì)、色彩、連接款式等，然后能夠?yàn)槊總€(gè)頁(yè)面界說(shuō)一個(gè)獨(dú)自的css文件，這樣做十分有利于精簡(jiǎn)css文件的巨細(xì)，防止呈現(xiàn)引證紊亂和難以保護(hù)的疑問(wèn)。一起，也要肯定防止運(yùn)用行內(nèi)css的方法，完全完成內(nèi)容和款式的別離。

　　藤設(shè)計(jì)網(wǎng)站計(jì)劃以為，做好DIV+CSS的頁(yè)面重構(gòu)，有兩個(gè)要害的概念必需求通曉。

　　 是float特點(diǎn)，因?yàn)樵谀S情況下，一切的div都是占有一整行的，因而關(guān)于常見(jiàn)的兩列、三列等多列計(jì)劃的計(jì)劃，要正確設(shè)置float以及width特點(diǎn)來(lái)完成層起浮，到達(dá)咱們所需求的計(jì)劃作用，多列計(jì)劃完畢之后獨(dú)自占有一行的其他層（比方通欄banner等），也要設(shè)置clear特點(diǎn)來(lái)鏟除層起浮。

　　第二是盒形式，關(guān)于任何一個(gè)div層，能夠界說(shuō)其寬度width、高度height、附近邊框border粗細(xì)和款式，以及內(nèi)容到邊框的鴻溝padding和邊框到周圍層的空白margin等特點(diǎn)，而層實(shí)習(xí)占有的空間則是上述特點(diǎn)相疊加的成果，正確設(shè)置這些特點(diǎn)能協(xié)助咱們完成緊湊而又漂亮的頁(yè)面計(jì)劃。盒形式的知道關(guān)于頁(yè)面計(jì)劃的計(jì)劃至關(guān)重要，特別是不相同瀏覽器中能夠會(huì)有不相同的解說(shuō)方法，甚至?xí)驗(yàn)?個(gè)像素的區(qū)別致使計(jì)劃紊亂，這個(gè)時(shí)分能夠恰當(dāng)減小層的width或許height特點(diǎn)來(lái)進(jìn)行微調(diào)。

　　DIV的嵌套也是一個(gè)需求要點(diǎn)闡明的疑問(wèn)，咱們都曉得在table計(jì)劃時(shí)要盡量削減嵌套，關(guān)于DIV也是相同，嵌套的壞處在于代碼雜亂、保護(hù)艱難以及運(yùn)轉(zhuǎn)功率低，因而也要盡量將嵌套控制在3層之內(nèi)。另一方面，關(guān)于多列計(jì)劃的情況下，完全能夠選用層起浮的方法完成，沒(méi)有必要全體設(shè)置一個(gè)div來(lái)嵌入。

　　總歸，DIV+CSS的頁(yè)面計(jì)劃方法有十分多的長(zhǎng)處，主張頁(yè)面計(jì)劃者從開(kāi)端開(kāi)端就拋棄table計(jì)劃方法，這樣十分有利于對(duì)css款式表的深化學(xué)習(xí)和使用。其實(shí)，DIV+CSS的頁(yè)面計(jì)劃方法并不雜亂，只需知道一些基礎(chǔ)知識(shí)，經(jīng)過(guò)一個(gè)事例的實(shí)習(xí)進(jìn)程就能夠把握，而且得到不斷的進(jìn)步。自己在這方面也是菜鳥，期待能和廣闊從事頁(yè)面計(jì)劃的朋友們彼此溝通、共同進(jìn)步。