《HTML5+CSS3网页设计与制作》课件_第10章 CSS网页布局.pptx

第10章CSS盒子模型;学习目标;本章任务;任务1认识CSS盒子模型;任务描述;1.基本语法;1.基本语法;2.基础案例操作;2.基础案例操作;样式代码如下：;2.基础案例操作;【案例】padding效果初体验;2.基础案例操作;【案例】margin初体验;2.基础案例操作;2.基础案例操作;2.基础案例操作;3.任务分析;4.任务实现;4.任务实现;想一想;任务2网页布局的基本方法;任务描述;1.基本语法;1.基本语法;2.基础案例操作;2.基础案例操作;2.基础案例操作;2.基础案例操作;2.基础案例操作;2.基础案例操作;属性的常用值：

top：顶端偏移量，定义元素相对于其父元素上边线的距离

bottom：底部偏移量，定义元素相对于其父元素下边线的距离

left：左侧偏移量，定义元素相对于其父元素左边线的距离

right：右侧偏移量，定义元素相对于其父元素右边线的距离静态定位

;2.基础案例操作;2.基础案例操作;2.基础案例操作;2.基础案例操作;2.基础案例操作;2.基础案例操作;2.基础案例操作;3.任务分析;4.任务实现;4.任务实现;4.任务实现;4.任务实现;任务3案例实战——新闻页面的 布局实现;案例描述;设计分析;;;总结;千里之行始于足下