美文网首页
CSS 淘宝页面布局问题优化

CSS 淘宝页面布局问题优化

作者: 一个很近的地方 | 来源:发表于2016-08-05 08:33 被阅读82次

      上次在摹写淘宝注册界面的时候遇到的问题已经找到,通过这次布局,需要注意一些整体布局的小知识点:

      1,导航栏一般宽度都是100%,再填充浅色背景色,下边框的颜色可以加深一点,方便和后面的板块区分开来,在导航栏里面,内容部分要固定宽度,在设置全局的外边距,上下为0,左右居中,(margin:0px auto)

    2,接下来就是标题(header部分),标题部分里面的内容要和导航栏一样要的宽度,而且根据需要的样式,也要设置整体的位置,

    3,接下来就是内容部分,内容部分的话需要和之前的部分一样设置相关的宽度,高度的话不必要这只,里面的内容会将整个主体部分撑开来,最主要就是布局,整体不得话需要在HTML当中就写好,虽然有很多种方式可以实现于鏊的效果但是需要思考的问题就是,日如何才能使代码最优化(代码最少)的情况下实现你想要的效果。

    4,最后就是footer部分,整体的用的最多的就是标签p a span 接着在设置字体的样色,字号,排版样式等等。

            好了,接下来就看看改进后的淘宝 注册界面 吧:

    接下来就是代码:

       

    样式表

    相关文章

      网友评论

          本文标题: CSS 淘宝页面布局问题优化

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