CSS盒子模型本

摘要:第10章CSS盒子模型HTML5+CSS3网页设计与制作案例教程10.1盒子BOX的基本概念10.2边框的基本属性10.3边距10.4边框的其它属性10.5综合案例——盒子布局排版HTML5+CSS3网页设计与制作案例教程CSS盒子模型本章学习目标：（1）理解盒子元素的基本形式。（2）理解盒子所占幅面的大小。（3）能够设置边框颜色、线形和粗细等属性。（4）能够设置内外边距。（5）能够使用CSS3新增的圆角边框、图像边框和盒子阴影等属性。（6）能够综合设计盒子幅面和样式。HTML5+CSS3网页设计与制作案例教程10.1盒子BOX的基本概念在HTML文档中，每个元素都有盒子模型，所以说在Web世界里（特别是页面布局），盒子模型无处不在，这个盒子就是一个矩形的块，可以对其进行幅面、边框和边距的设置。HTML5+CSS3网页设计与制作案例教程10.1.1盒子的基本形式每一个盒子都有三个必须了解的参数，border（边框）、padding（内边距）和margin（外边距），盒子模型规定了处理元素内容和内边距、边框以及外边距的方式。HTML5+CSS3网页设计与制作案例教程