CSS 淘宝页面布局问题优化
2016-08-05 本文已影响82人
一个很近的地方
上次在摹写淘宝注册界面的时候遇到的问题已经找到,通过这次布局,需要注意一些整体布局的小知识点:
1,导航栏一般宽度都是100%,再填充浅色背景色,下边框的颜色可以加深一点,方便和后面的板块区分开来,在导航栏里面,内容部分要固定宽度,在设置全局的外边距,上下为0,左右居中,(margin:0px auto)
2,接下来就是标题(header部分),标题部分里面的内容要和导航栏一样要的宽度,而且根据需要的样式,也要设置整体的位置,
3,接下来就是内容部分,内容部分的话需要和之前的部分一样设置相关的宽度,高度的话不必要这只,里面的内容会将整个主体部分撑开来,最主要就是布局,整体不得话需要在HTML当中就写好,虽然有很多种方式可以实现于鏊的效果但是需要思考的问题就是,日如何才能使代码最优化(代码最少)的情况下实现你想要的效果。
4,最后就是footer部分,整体的用的最多的就是标签p a span 接着在设置字体的样色,字号,排版样式等等。
好了,接下来就看看改进后的淘宝 注册界面 吧:
接下来就是代码:
样式表