CSS进阶：盒子模型详解与实践.pptx

作业

作业代码贴图

Css进阶讲师:霏霏免责声明：如果本课程内有任何内容侵害了您的权益，请您及时联系我们????潭州教育全球教学服务中心热线：

1盒子模型2CSS浮动3CSS定位4ResetCSS知识点CONTENTS

第一部分盒子模型

盒子模型的组成可以把页面上的每一个元素看成一个盒子，这是一个抽象的概念什么是盒子模型盒子模型的组成重在理解盒子模型010203盒子模型由内容，内边距，边框和外边距组成

盒子模型贴图

盒模型之边框border复合样式border-widthborder-colorborder-style边框颜色边框样式边框宽度border-leftborder-rightborder-topborder-bottom左边框右边框下边框上边框

盒模型之边框代码====

盒模型之内边距padding复合样式padding-leftpadding-right上内边距padding-toppadding-bottom左内边距右内边距下内边距

盒模型之内边距代码==

盒模型之外边距margin复合样式margin-leftmargin-right上外边距margin-topmargin-bottom左外边距右外边距下外边距

盒模型之外边距代码