Web全栈开发案例教程课件 第2章2.4 CSS盒子模型.pptxVIP

2.2.4CSS盒子模型;CSS的盒子模型;CSS的盒子模型;CSS的盒子模型;引入：我的第一个盒子;计算盒子的宽度与占位;;盒子最终占据的页面宽度;盒子模型的属性值的缩写;4.1.2边框border属性;border属性的写法;各种边框的效果;边框交汇效果;属性值的简写形式?;4.1.3圆角border-radius属性;border-radius属性;border-radius属性示例;border-radius属性示例;4.1.4图像边框border-image;border-image示例;制作饼状图;4.1.5padding和margin属性;margin外边距;嵌套盒子之间的距离计算;盒子模型的特性;各种元素盒子属性的默认值;2.2标准流下的定位及应用;盒子的三种布局方式;标准流;标准流下的盒子排列分析;改变行内元素的高度;display属性;display属性;inline元素;隐藏元素display:none;;4.2.2margin合并现象;块级元素之间的竖直margin会合并

body

divstyle=margin-bottom:50px;块元素1/div

divstyle=margin-top:30px;块元素2/div/body

;行内元素的margin不会合并;空白边叠加;4.2.3盒子模型的应用;盒子模型的应用;