網頁佈局二三事

網頁佈局技術的演變

           表格Tbale佈局 → Div + CSS浮動 → Flex Box佈局

---

響應式設計

      即網頁可以適應多種大小的屏幕，遵循「響應式」設計原則，CSS3引入了一種新的頁面方式——「Flex Box 佈局」。

---

★設計總原則★

「大塊套小塊」，「小塊套更小的塊」，先繪製出頁面佈局草圖，定好設計方案以後再編寫HTML和CSS代碼實現。

---

網頁設計中的「960原則」

• 現代Web網頁可能是分塊嵌套的架構，爲了方便定位與對齊各塊，須要把頁面劃分爲「網格（grid）」形式；
• 爲了方便劃分網絡，現代網頁多將頁面寬度設置爲960像素。之因此選擇這個數字，是由於960是8，12，和16的公倍數，可以很方便地將頁面分爲8，12或16列。

來自爲知筆記(Wiz)