漂泊在另一座城市

关于搜狐新版迎奥运网站CSS布局分析

 
  2008年7月1日。搜狐(sohu.com)新版网站上线了。首页的风格设置的大方得体,具有门户风范。在CSS网页布局方面,也实现的比较理想。

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

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

  • 相关文章:

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

Search

网站分类

最新评论及回复

最近留言