您现在的位置: Adobe吧 >> 仿站 >> 页面分析 >> 正文:搜狐新版CSS布局分析 - 布局篇Layout
搜狐新版CSS布局分析 - 布局篇Layout
作者:52CSS.co…  来源:52CSS.com 点击数: 更新时间:2008-11-8
 2008年7月1日。搜狐(sohu.com)新版网站上线了。首页的风格设置的大方得体,具有门户风范。在CSS网页布局方面,也实现的比较理想。
  本文作者:www.52CSS.com 如需转载请建立本站链接并明确注明出处!

  将首页页面分为了13个单列的容器,将网站内容分别置入于这13个容器中,但是容器之间的边距间隔,作者使用了div进行通用类的定义。不清楚是何用意,本人建议可以使用外边距来解决问题。52CSS.com一直强调一个原则,不必为了表现给HTML增加额外的编码,而且此处用外边距完全可以解决问题,不涉及到BUG。


  这13个容器至上而下,是典型的单列式布局的特点。虽然在容器内部存在着多列的内容,但在有了总体轮廓与布局后,再详细的深入。我们对照原页面,进行区间划分,得到了下面的图片:(图片体积500K,宽度1260px,请注意你的带宽。可点击放大查看或右键另存。)

  >>>对照原页面,进行区间划分的图片<<<

 



  本文作者:www.52CSS.com 如需转载请建立本站链接并明确注明出处!

  • 上一篇文章:
  • 下一篇文章: 没有了
  • 推荐图文

    没有任何图片文章
    数据载入中,请稍后……
    相关文章
    没有相关文章