1、网页布局

常见的页面布局方式：表格布局、DIV+CSS布局、框架布局。

表格布局：用来显示较多的数据，如OA系统、ERP系统或CRM系统。（一般用在局部）
DIV+CSS布局：相对来说最灵活的布局方式，完全实现内容和样式的分离。
框架布局：通常用在网站后台的设计。

2、DIV+CSS布局

2.1 使用DIV+CSS制作网页流程

第一步：将页面在整体上用<div>标签进行划分。

第二步：使用CSS对个版块进行定位。（初学者可以给各版块添加背景颜色，帮助查看效果）

第三步：在各版块中ti添加相应的内容，实现局部布局。

2.2 常用布局的实现

1、一栏式固定宽度且居中

一栏式布局是所有布局的基础。大多数的页面，无论结构是简单还是复杂，都是在一栏式布局的基础上，再进行进一步的划分。

<!DOCTYPE html PUBL

IT知识分享网

免责声明：本站所有文章内容,图片，视频等均是来源于用户投稿和互联网及文摘转载整编而成，不代表本站观点，不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益，请在线联系站长,一经查实,本站将立刻删除。本文来自网络,若有侵权，请联系删除，如若转载，请注明出处：https://yundeesoft.com/10298.html

HTML+CSS第十课：常见的3种网页布局方式：表格布局、DIV+CSS布局、框架布局[通俗易懂]

1、网页布局

2、DIV+CSS布局

2.1 使用DIV+CSS制作网页流程

2.2 常用布局的实现

相关推荐

发表回复