搜狐新版CSS布局分析 - 布局篇Layout
2008年7月1日。搜狐(sohu.com)新版网站上线了。首页的风格设置的大方得体,具有门户风范。在CSS网页布局方面,也实现的比较理想。
本文作者:www.52CSS.com 如需转载请建立本站链接并明确注明出处!
将首页页面分为了13个单列的容器,将网站内容分别置入于这13个容器中,但是容器之间的边距间隔,作者使用了div进行通用类的定义。不清楚是何用意,本人建议可以使用外边距来解决问题。52CSS.com一直强调一个原则,不必为了表现给HTML增加额外的编码,而且此处用外边距完全可以解决问题,不涉及到BUG。
本文作者:www.52CSS.com 如需转载请建立本站链接并明确注明出处!
将首页页面分为了13个单列的容器,将网站内容分别置入于这13个容器中,但是容器之间的边距间隔,作者使用了div进行通用类的定义。不清楚是何用意,本人建议可以使用外边距来解决问题。52CSS.com一直强调一个原则,不必为了表现给HTML增加额外的编码,而且此处用外边距完全可以解决问题,不涉及到BUG。

这13个容器至上而下,是典型的单列式布局的特点。虽然在容器内部存在着多列的内容,但在有了总体轮廓与布局后,再详细的深入。我们对照原页面,进行区间划分,得到了下面的图片:(图片体积500K,宽度1260px,请注意你的带宽。可点击放大查看或右键另存。)
>>>对照原页面,进行区间划分的图片<<<
本文作者:www.52CSS.com 如需转载请建立本站链接并明确注明出处!
推荐图文
![]() 没有任何图片文章 |
数据载入中,请稍后……
相关文章
没有相关文章

