列举三种常见的网页布局类型？

发布网友发布时间：2022-03-26 06:25

我来回答

共2个回答

懂视网时间：2022-03-26 10:46

常见的网页布局类型有：

　　1、国字类型

　　2、拐角型

　　这种类型其实与国字型很相近的，只是在形式上不一样，最上面的部分是网站的标题以及网站的横幅广告条，一种很常见的类型是最上面是标题及广告，左侧是导航链接。

　　3、标题正文类型

　　上面是网站的标题，或者是类似的东西，接着就是网站的正文内容，例如是一些文章或者是注册登录页面。

　　4、左右框架类型

　　这是一种左右为分别两页的框架结构，一般布局是：左边是导航链接，最上面有时是一个小的标题或标致，而右面就是主要内容，最常使用是论坛网站，企业网站中的内页有很多是采用这种布局方式的；这种类型的布局的特点是结构清晰明了。

　　5、上下框架类型

　　与左右框架类型类似，只是这种类型是上下两页的框架。

　　6、综合框架类型

　　其实就是左右框架类型和上下框架类型的结合体。

　　7、封面型

　　这种类型基本上是出现在一些网站的首页，多是精美平面结合小动画，再加几个简单链接或仅是一个“进入”链接或无任何提示。

　　8、Flash型

　　其实这与封面型结构是类似的，采用了目前非常游戏行的Flash，与封面型不同的是，由于Flash强大的功能，页面所表达的信息更丰富，其视觉效果及听觉效果如果处理得当，绝不差于传统的多媒体。

　　9、变化型

　　即上面几种类型的结合与变化，但所实现的功能的实质是那种上、左、右结构的综合框架型。

热心网友时间：2022-03-26 07:54

1、流动布局（html网页默认的布局方式）

特点：

1、块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布，因为在默认状态下，块状元素的宽度都为100%。

2、内联元素都会在所处的包含元素内从左到右水平分布显示。（内联元素可不像块状元素这么霸道独占一行）

2、浮动布局(float)

特点：默认布局下，块状元素这么霸道都是独占一行，如果现在我们想让两个块状元素并排显示。就需要使用float来实现。如下：

3、层模型

特点：如果我想一个div在另外一个div的上面，我们就需要可以使用绝对定位来完成，层模型的三种定位方式relative、absolute、fixed，需要设置position:absolute(表示绝对定位)，这条语句的作用将元素从文档流中拖出来，然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。