網站建設離不開頁面設計與編程的結合，這裏主要講編程，下面就來看看關於DIV+CSS雲南網站制作頁面布局的九大原則：

原則一：一般要寫兼容IE6,IE7和FIREFOX的網頁，最省事的方法就先寫適合IE7的樣式，因為IE7和FIREFOX很接近，這樣判斷瀏覽器兼容的工作量就能減小到最少。

原則二：逐步疊加的方式，如果需要用這個樣式的模塊很多，並且會存在些許的不同，千萬不要把樣式一步寫到位，最好把框架性的先寫好，細節性的留到第二個步驟，甚至第三個步驟，當然最好步驟不要超過三步，這樣很不利於維護。由若幹個二級定義對一級定義進行補充，這樣的既可以減少代碼，又可以減少繁多的CLASS命名。

原則三：從總到分。順序應該是這樣：總體需要用到的>>結構>>模塊>>二級模塊>>細節;並且這個文檔最不容易修改的處於最上端，頻繁用於修改的在末端。最忌諱即興發揮，這樣寫出的東西經不起推敲，稍有變化就要忙得亂成一團。結構性的東西應該慎重精細。

原則四：盡量把能夠放在一組的小圖標或者圖片放在一個圖片文件裏，這樣的好處有很多。

1、 圖片文件的總量會變小;

2、 利於下載，太多的小圖片下載效果是不理想的，常常會發現這個圖片出來，那個沒出來，這樣在寫樣式的時候只需要寫一個總體的，對於具體的要顯示的只需要標一個位置，非常省時間，樣式也很精煉;

3、 顯而易見，這樣做非常便於管理，替換或新增的時候工作量很小。

原則五：切圖的原則，應該切大的圖絕不切小，應該切小的絕不切大，能夠用顏色代替的絕不切圖。把一個大圖切成很多份並不一定能夠加快頁面的顯示速度，相反會浪費很多不必要的帶寬。不光要控制圖片文件的多少，還要考慮到這樣切會不會造成頁面增加許多額外的代碼。

原則六：圖片的命名規則，定一個規則，準備用一輩子。這樣以後你看CSS文檔的時候，你只要看到某個圖片名稱的時候，你不需要看太多你就知道這個圖片的用途、位置;這樣可以最大限度的保證樣式的重用性。

原則七：在該不該用表格的問題上，我的態度是，涉及多行多列的特別是列寬有不固定的，堅決用表格，這個沒啥好討論的，千萬不要為了DIV而DIV，用一大陀CSS去模仿一個表格是很極端的行為。當然也有例外的，需要靈活處理，但千萬別模仿什麽表格。

原則八：盡可能不把樣式直接寫到元素的標簽裏(除非這個樣式出現的機率特別小，有相當程度的偶然性)，把樣式直接寫到元素標簽裏是一種工作範疇意義上的無政府行為，非常不負責。

原則九：盡量不要用ID來定義或索引樣式，ID的唯一性比較高，且用ID索引樣式效率非常低而且兼容性的問題也比較明顯。

CSS布局原則