简单易懂，DIV+CSS架构网站的7种版面布局形式，一语道破

下面是我给大家整理的DIV+CSS架构网站的7种版面布局形式，有兴趣的同学可以去看看。

1.“T”结构布局形式。所谓“T”结构，就是指页面顶部为横条网站标志+广告条，下方左面为主菜单，右面显示内容的布局，整体效果类似英文字母“T”，所以称之为“T，形布局。这是网页设计中用得最广泛的一种布局方式。这种布局的优点是页面结构清晰，主次分明，是初学者最容易上手的布局方法。缺点是规矩呆板，如果不注意细节色彩，很容易让人”看之无味“

2.”口“型布局。这是一个象形的说法，就是页面一般上下各有一个广告条，左面是主菜单，右面放友情链接等，中间是主要内容。这种布局的优点是充分利用版面，信息量大。缺点是页面拥挤，不够灵活

3.对称对比布局。顾名思义，采取左右或者上下对称的布局，一半深色一半浅色，一般用于设计型站点。优点是视觉冲击力强，缺点是很难将两部分有机地结合起来

4.POP布局。POP引自广告术语，就是指页面布局像一张宣传海报，以一张精美图片作为页面的设计中心。常用于时尚类站点。优点显而易见：漂亮吸引人。缺点就是速度慢。作为版面布局，还是值得借鉴的。

5.国型布局。国型布局也称为同型布局，是一些大型网站喜欢使用的布局类型。最上面是网站的标题以及横幅广告条，接下来是网站的主要内寄，左右分列一些小条内容，中问是主要部分，与左右一起罗列到底，最下方是网站的一些基本信息、联系方式、版权声明等。这种布局通常用于主页的设计，其主要优点是页面容纳内容很多，信息量大。

6.标题正文型布局。这种布局的最上方是标题或广告等内容，下面是正文。通常文章页面或注册页面采用此种布局，其特点是简洁明快，干扰信息少，较为正规。

上面是我整理给大家的，希望今后会对大家有帮助。

相关文章：

详细解读页面布局之position定位

详细介绍有关CSS页面布局技巧

详细讲解CSS基础知识点

以上就是简单易懂，DIV+CSS架构网站的7种版面布局形式，一语道破的详细内容，更多请关注其它相关文章！