CSS网页设计标准教程
第1部分 CSS核心原理
第 4 章
CSS盒子模型
“盒子”与“模型”的概念探究
长度单位
边框
设置内边距
设置外边距
盒子之间的关系
盒子在标准流中的定位原则
上一章介绍了CSS设计的代码编写和编辑方式,从本章开始将深入讲解CSS的核心原理。
盒子模型是CSS控制页面时一个很重要的概念。
只有很好地掌握了盒子模型以及其中每个元素的用法,才能真正地控制好页面中的各个元素。
本章主要介绍盒子模型的基本概念,并讲解CSS定位的基本方法。
所有页面中的元素都可以看成是一个盒子,占据着一定的页面空间。
一般来说这些被占据的空间往往都要比单纯的内容大。
换句话说,可以通过调整盒子的边框和距离等参数,来调节盒子的位置和大小。
一个页面由很多这样的盒子组成,这些盒子之间会互相影响,因此掌握盒子模型需要从两方面来理解。
一是理解一个孤立的盒子的内部结构;二是理解多个盒子之间的相互关系。
本章首先讲解独立的盒子相关的性质,然后介绍在普通情况下盒子的排列关系。
下一章将更深入地讲解浮动和定位的相关内容。
第4章CSS盒子模型 来自淘豆网www.taodocs.com转载请标明出处.