CSS 淘宝页面布局问题优化

2016-08-05  本文已影响82人  一个很近的地方

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

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

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

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

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

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

接下来就是代码:

   

样式表

上一篇下一篇

猜你喜欢

热点阅读