网页布局二三事

Posted Jener_Yan

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了网页布局二三事相关的知识,希望对你有一定的参考价值。

网页布局技术的演变
           表格Tbale布局 → Div + CSS浮动 → Flex Box布局

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

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

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




以上是关于网页布局二三事的主要内容,如果未能解决你的问题,请参考以下文章

CoinHive智能网页挖矿的二三事

随手记录生活和工作

网页布局方法

几种网页布局方式

WEB网页设计常见布局

网页布局基础