首页 > Web开发 > 详细

网页布局二三事

时间：2016-09-17 14:55:26 阅读：171 评论：0 收藏：0 [点我收藏+]

标签：

网页布局技术的演变

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

响应式设计

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

★设计总原则★

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

网页设计中的“960原则”

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

来自为知笔记(Wiz)

网页布局二三事

标签：

原文地址：http://www.cnblogs.com/Jener/p/5878720.html

踩

(0)

赞

(0)

举报

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行

更多

友情链接

兰亭集智国之画百度统计站长统计阿里云 chrome插件新版天听网

关于我们 - 联系我们 - 留言反馈

© 2014 mamicode.com 版权所有联系我们:gaon5@hotmail.com

迷上了代码！