网页布局二三事

网页布局技术的演变

           表格Tbale布局 → Div + CSS浮动 → Flex Box布局

---

响应式设计

      即网页能够适应多种大小的屏幕，遵循“响应式”设计原则，CSS3引入了一种新的页面方式——“Flex Box 布局”。

---

★设计总原则★

“大块套小块”，“小块套更小的块”，先绘制出页面布局草图，定好设计方案之后再编写HTML和CSS代码实现。

---

网页设计中的“960原则”

• 现代Web网页多是分块嵌套的架构，为了方便定位与对齐各块，需要把页面划分为“网格（grid）”形式；
• 为了方便划分网络，现代网页多将页面宽度设置为960像素。之所以选择这个数字，是因为960是8，12，和16的公倍数，能够很方便地将页面分为8，12或16列。

来自为知笔记(Wiz)

转载于:https://www.cnblogs.com/Jener/p/5878720.html