CSS - 布局流程

一、为了提高网页制作的效率,布局时通常需要遵守一定的布局流程,具体如下:

1、确定页面的版心(可视区)。例如mi.com的 .container

2、分析页面中的行模块,以及每个行模块中的列模块。

3、制作HTML结构 。

4、CSS初始化,然后开始运用盒子模型的原理,通过DIV+CSS布局来控制网页的各个模

二、 一列固定宽度且居中

最普通的,最常用

三、 两列左窄右宽型

例如小米官网

四、 通栏平均分布型

例如锤子官网

猜你喜欢

转载自www.cnblogs.com/allen2333/p/9012471.html