静态页面学习随笔-如何正确布局大体结构

Posted 渡劫的咸鱼哥

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了静态页面学习随笔-如何正确布局大体结构相关的知识,希望对你有一定的参考价值。

每当做一个静态页面时,不要着急与上来就敲,而是要先观察页面的整体布局。首先,要从页面的整体布局出发。例如:

以微信公众平台来说,从层次上来观察是上下结构,容易进入分块思维,上下div布局。可是,纵观却有新的发现,中间部分和两端明显有着整齐划一的纵向界限。故而,从纵向来布局div,之后再横向展开会更容易入手。

大致思路:(1)设置一个纵向的div,令其:margin:auto布局居中;(2)设置位置关联“position:relative;”参照其来定位右侧二维码;(3)自由发挥O(∩_∩)O~

以上是关于静态页面学习随笔-如何正确布局大体结构的主要内容,如果未能解决你的问题,请参考以下文章

第七次团队作业:总结随笔

Web--9月28日随笔

吴恩达机器学习随笔什么是机器学习?

前端学习随笔:float布局问题------float元素是否脱离了文档流

感知器代码实现--机器学习随笔2

TestNG学习随笔