CSS页面布局及排版

CSS盒子模型

一个独立的盒子模型由内容、border（边框）、padding（内边距）、margin（外边距）4部分组成。

一个盒子的实际宽度（或高度）是有内容+padding（两边）+border（两边）+margin（两边）组成。

边框（border）

border-color属性：指定边框的颜色。

border-width属性：指定边框粗细程度。

border-style属性：指定边框样式。如果没有指定边框样式，那么其他的属性都将不起作用，边框将不存在。

border-radius属性：用于创建圆角边框，还可以为元素创建圆角背景。

box-shadow属性：用于向边框添加阴影。

内容

width和height属性指定盒子能显示的宽度和高度，它有三种值：自动（auto，根据内容自动调整width和height的值）、固定值、百分比（width和height占父元素width和height的百分比）。

overflo