HTML+CSS第⼗课:常见的3种⽹页布局⽅式:表格布局、
DIV+CSS布局、框架布局
知识点:⽹页布局的⽅式
1、⽹页布局
常见的页⾯布局⽅式:表格布局、DIV+CSS布局、框架布局。
表格布局:⽤来显⽰较多的数据,如OA系统、ERP系统或CRM系统。(⼀般⽤在局部)
DIV+CSS布局:相对来说最灵活的布局⽅式,完全实现内容和样式的分离。
框架布局:通常⽤在⽹站后台的设计。
2、DIV+CSS布局
2.1 使⽤DIV+CSS制作⽹页流程
第⼀步:将页⾯在整体上⽤<div>标签进⾏划分。
div中的div居中第⼆步:使⽤CSS对个版块进⾏定位。(初学者可以给各版块添加背景颜⾊,帮助查看效果)
第三步:在各版块中ti添加相应的内容,实现局部布局。
2.2 常⽤布局的实现
1、⼀栏式固定宽度且居中
⼀栏式布局是所有布局的基础。⼤多数的页⾯,⽆论结构是简单还是复杂,都是在⼀栏式布局的基础上,再进⾏进⼀步的划分。
<!DOCTYPE html PUBL
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论