表格通常指表格,布局表格是通过表格来实现网页的整体布局,但不建议使用表格。divcss是一种流行的布局方法。
一、t型布局。
这种布局类型由上栏、左栏、内容区和下栏组成,形状有点像英文字母写的t字。目前,一些权威机构、企事业单位的企业网站上都出现了t型网站。
二、z模式布局。
当我们遇到一个新的网页时,我们会立即浏览网页,以了解事情的目的。这种快速扫描(称为略读)通常以字母z或之字形的形式进行。我们的眼睛从左上角移动到右上角,然后向下移动到左下角,最后移动到右边。z-mod
html模块的三种布局方法
1.流动布局(html页面的默认布局方法)
特点:
1.块状元素将在包含元素中从上到下垂直延伸,因为块状元素的宽度默认为100%。
2.内联元素将在其包含的元素中从左到右水平显示。(内联元素不不要像块元素一样独占一行。)
2.浮动布局
特点:在默认布局下,块元素占据一行,如果我们现在要并排显示两个块元素。你需要使用float来实现它。
如下
部门{
width:200px
heightcho4-@.com200px
bord:2px红色固体
float:right
}
3.层模型
特点:如果我想让一个div在另一个div上面,我们需要能够使用绝对定位来完成图层模型的三种定位方法:相对、绝对和固定。
需要设置position:absolute(表示绝对定位)。该语句的功能是将元素拖出文档流。
然后使用left、right、top和bottom属性相对于其最近的具有定位属性的父包含块进行绝对定位。