网页布局之大盒套小盒的布局

作者: 雅玲哑铃 | 来源:发表于2017-08-18 21:24 被阅读72次

    网页上的内容丰富多彩,它的排版也很整齐,这其中肯定用到了很多的布局,对于初学者来说,我们先大致将网页的布局看做大盒套小盒的布局

    网页图片

    比如下面这个网页,最顶部是个header盒子,接着是导航nav盒子,再接者是搜索search盒子,下面还可以看作盒子......我们可以用一个个div来当做这些个盒子,给这些盒子设置一个相同的宽度,然后给每个盒子设置height、margin值,给一些背景色,会得到基本的布局,如下

    得到的布局

    .html文件中的基本框架如下:

    对应代码

    相关文章

      网友评论

        本文标题:网页布局之大盒套小盒的布局

        本文链接:https://www.haomeiwen.com/subject/xnczrxtx.html