HTML+CSS第十课:常见的3种网页布局方式:表格布局、DIV+CSS布局、框架布局

HTML+CSS第十课:常见的3种网页布局方式:表格布局、DIV+CSS布局、框架布局知识点:网页布局的方式1、网页布局常见的页面布局方式:表格布局、DIV+CSS布局、框架布局。表格布局:用来显示较多的数据,如OA系统、ERP系统或CRM系统。(一般用在局部) DIV+CSS布局:相对来说最灵活的布局方式,完全实现内容和样式的分离。 框架布局:通常用在网站后台的设计。2、DIV+CSS布局2.1使用DIV+CSS制作网页流程第一步:将页面在整体上…

知识点:网页布局的方式

1、网页布局

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

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

 

2、DIV+CSS布局

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

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

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

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

2.2 常用布局的实现

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

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

HTML+CSS第十课:常见的3种网页布局方式:表格布局、DIV+CSS布局、框架布局

<!DOCTYPE html PUBL

今天的文章HTML+CSS第十课:常见的3种网页布局方式:表格布局、DIV+CSS布局、框架布局分享到此就结束了,感谢您的阅读。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/12784.html

(0)
编程小号编程小号

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注