网页设计与制作教学课件作者马蓉平第12章.pptxVIP

网页设计与制作 第12章 CSS盒子模型 学习目标 在完成本章的学习，要完成的目标： 认识盒子模型 盒子模型相关属性 背景属性 CSS3渐变属性 目录 12.1盒子模型概述 12.1.1认识盒子模型 12.1.2div标记 12.1.3盒子的宽与高 12.2盒子模型相关属性 12.2.1边框属性 12.2.2边距属性 12.2.3box-shadow属性 12.2.4box-sizing属性 12.3背景属性 12.3.1设置背景颜色 12.3.2设置背景图像 12.3.3背景与图像不透明度的设置 12.3.4设置背景图像平铺 12.3.5设置背景图像的位置 12.3.6设置背景图像固定 12.3.7设置背景图像的大小 12.3.8设置背景的显示区域 12.3.9设置背景图像的裁剪区域 12.3.10设置多重背景图像 12.3.11背景复合属性 目录 12.4CSS3渐变属性 12.4.1线性渐变 12.4.2经向渐变 12.4.3重复渐变 12.5综合案例 12.1 盒子模型概述 盒子模型是HTML+CSS中最核心的基础知识，理解了这个重要的概念才能更好的排版，进行页面布局。盒子模型又称框模型，包含了元素内容、内边距、边框、外边距几个要素。盒子模型允许我们在其它元素和周围元素边框之间的空间放置元素。选择器就是根据元素的属性及属性值来选择元素。你可以只指定该元素的某个属性，