网页布局技术的演变
表格Tbale布局 → Div + CSS浮动 → Flex Box布局
响应式设计
即网页可以适应多种大小的屏幕,遵循“响应式”设计原则,CSS3引入了一种新的页面方式——“Flex Box 布局”。
★设计总原则★
“大块套小块”,“小块套更小的块”,先绘制出页面布局草图,定好设计方案以后再编写HTML和CSS代码实现。网络
网页设计中的“960原则”
- 现代Web网页可能是分块嵌套的架构,为了方便定位与对齐各块,须要把页面划分为“网格(grid)”形式;
- 为了方便划分网络,现代网页多将页面宽度设置为960像素。之因此选择这个数字,是由于960是8,12,和16的公倍数,可以很方便地将页面分为8,12或16列。