300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > HTML+CSS第十课:常见的3种网页布局方式:表格布局 DIV+CSS布局 框架布局

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

时间:2022-02-28 03:08:00

相关推荐

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

知识点:网页布局的方式

1、网页布局

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

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

2、DIV+CSS布局

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

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

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

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

2.2 常用布局的实现

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

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

<!DOCTYPE html PUB

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。