网页制作综合技术教程 教学课件 温谦 赵伟 胡静 李占波 第13章CSS盒子模型.pptVIP

网页制作综合技术教程 第4部分 CSS页面布局设计 第13章 CSS盒子模型 盒子模型是CSS控制页面时一个很重要 的概念。 只有很好地掌握了盒子模型以及其中每 个元素的用法，才能真正地控制好页面中的 各个元素。 本章主要介绍盒子模型的基本概念，并 讲解CSS定位的基本方法。 13.1 “盒子”与“模型”的概念探究 13.2 边 框 13.2.1 设置边框样式 13.2.2 属性值的简写形式 1．对不同的边框设置不同的属性值 在13.2.1节的实例代码中，分别设置了 border-color、border-width和border- style这3个属性，其效果是对上下左右4个边 框同时产生作用。 在实际使用CSS时，除了采用这种方 式，还可以分别对4条边框设置不同的属性值。 方法是按照规定的顺序，给出2个、3个 或者4个属性值，它们的含义将有所区别，具 体如下。 （1）如果给出2个属性值，那么前者表 示上下边框的属性，后者表示左右边框的属 性。 （2）如果给出3个属性值，那么前者表 示上边框的属性，中间的数值表示左右边框 的属性，后者表示下边框的属性。 （3）如果给出4个属性值，那么依次表 示上、右、下、左边框的属性，即顺时针