Web前端开发项目化教程课件：盒子模型.pptx

;任务盒子模型;一、页面元素的分类和转换;1.1块级元素;1.2行内元素;1.3行内元素和块级元素的转换;例3-8在促销广告中应用行内元素;二、块级元素的盒子模型;2.1盒子的宽度和高度;宽度如何取值？;高度如何取值？;2.2盒子的边框;2.2盒子的边框;2.2盒子的边框;圆角边框的设置;圆角边框的设置;;2.3盒子的内填充属性;2.3盒子的内填充属性;;2.4盒子的外边距属性;盒子的居中;2.5盒子的背景;设置背景颜色;设置背景图片;26;27;背景图片位置示例;背景图片位置示例;30;设置背景图片的尺寸;设置背景图片的定位区域;例3-11设置盒子背景图片;2.6