项目6 网页布局.pptx

项目6网页布局《网页设计与制作》基础教程

目标TARGET知识目标掌握盒子模型的原理；掌握盒子模型的层次与的宽高计算；掌握盒子模型的层次与的宽高计算；掌握盒子的CSS3新增属性；掌握元素的类型与转换。

1初识盒子模型2盒子模型的常用属性3元素的浮动与定位4综合实训

1盒子模型Part◎初识盒子模型◎盒子模型的层次与的宽高

初识盒子模型盒子模型就是所有HTML元素可以看作盒子，在CSS中，boxmodel这一术语是用来设计和布局时使用。CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：外边距，边框，内边距和实际内容。

盒子模型便于网页