zoukankan      html  css  js  c++  java
  • css笔记之版心和布局流程

    版心和布局流程

    阅读报纸时容易发现,虽然报纸中的内容很多,但是经过合理地排版,版面依然清晰、易读。同样,在制作网页时,要想使页面结构清晰、有条理,也需要对网页进行“排版”。

    “版心”是指网页中主体内容所在的区域。一般在浏览器窗口中水平居中显示,常见的宽度值为960px、980px、1000px、1200px等。

    布局流程

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

    1、确定页面的版心(可视区)。

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

    3、制作HTML页面,CSS文件。

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

    一列固定宽度且居中

     

     最普通的,最为常用的结构

    两列左窄右宽型

    比如小米 小米官网

    通栏平均分布型

    比如锤子 锤子官网

  • 相关阅读:
    .java中如何实现序列化,有什么意义
    缓存穿透
    缓存击穿
    缓存雪崩
    redis缓存预热
    Docket 的常用命令
    数据库优化方法
    servlet和jsp的区别:
    6原则1法则
    学习IntelliJ IDEA(二)模块
  • 原文地址:https://www.cnblogs.com/zhangcheng94/p/12188515.html
Copyright © 2011-2022 走看看