CSS 外边距围绕在元素边框的空白区域是外边距。设置外边距会在元素外创建额外的空白。设置外边距可以使用 margin 属性，这个属性接受任何长度单位、百分数值甚至负值。CSS margin 属性设置外边距的最简单的方法就是使用 margin 属性。margin 属性接受任何长度单位，可以是像素、英寸、毫米或 em，也可以直接设置为 auto。常见的做法是为外边距设

CSS 浮动浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。在 CSS 中，我们通过 float 属性实现元素的浮动。行框和清理浮动框旁边的行框被缩短，从而给浮动框留出空间，行框围绕浮动框（如文本围绕图像）。要想阻止行框围绕浮动

CSS 相对定位设置为相对定位的元素框会偏移某个距离。元素仍保持其未定位前的形状和原本所占的空间。对元素进行相对定位，通过设置垂直或水平位置，让这个元素相对于它的起点进行移动。如果将 top 设置为 20px，那么框将在原位置顶部下面 20 像素的地方。如果 left 设置为 30 像素，那么会在元素左边创建 30 像素的空间，也就是将元素向右移动

CSS 定位和浮动CSS 定位属性允许你对元素进行定位。CSS 为定位和浮动提供了一些属性，可以建立列式布局，将布局的一部分与另一部分重叠。定位允许你定义元素框相对于其正常位置、父元素、另一个元素甚至浏览器窗口本身的位置。另一方面，CSS1 中首次提出了浮动，浮动不完全是定位，不过，它当然也不是正常流布局。一切皆为框div、h1 或 p 元素常常

CSS 边框元素的边框 (border) 是围绕元素内容和内边距的一条或多条线。CSS border 属性允许你规定元素边框的 3 个方面：样式、宽度，以及颜色。通过使用 CSS 边框属性，我们可以创建出效果出色的边框，并且可以应用于任何元素。边框与背景CSS 规范指出，边框绘制在元素的背景之上。CSS2 指出背景只延伸到内边距，而不是边框。CSS2 1 则进行了

CSS 内边距元素的内边距在边框和内容区之间。控制该区域最简单的属性是 padding 属性。CSS padding 属性CSS padding 属性定义元素边框与元素内容之间的空白区域（内边距）。CSS padding 属性接受长度值或百分比值，但不允许使用负值。例如，如果您希望所有 h1 元素的各边都有 10 像素的内边距，只需要这样：h1 {padding: 10px;}还可以按照

CSS 框模型概述CSS 框模型 (Box Model) 规定了元素框处理元素内容、内边距、边框 和 外边距 的方式。元素框的最内部分是实际的内容，直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边框以外是外边距，外边距默认是透明的，因此不会遮挡其他元素。提示：背景应用于由内容和内边距、边框组成的区域。 内边距、边框和外边

CSS 轮廓CSS outline 属性规定元素轮廓的样式、颜色和宽度。轮廓（outline）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。在元素周围画线p { border: red solid thin; outline: 00ff00 dotted thick;}设置轮廓的样式和颜色p { border: red solid thin; outline-style: dotted;

CSS 表格CSS 表格属性可以帮助您极大地改善表格的外观。表格边框如需在 CSS 中设置表格边框，请使用 border 属性。如为 table、th 以及 td 设置蓝色边框：table, th, td {border: 1px solid blue;}注释：本实例中的表格具有双线条边框。这是由于 table、th 以及 td 元素都有独立的边框。提示：如果需要把表格显示为单线条边框，请使用

CSS 列表CSS 列表属性允许你放置、改变列表项标志，或者将图像作为列表项标志。列表类型要影响列表的样式，最简单（同时支持最充分）的办法就是改变其标志类型。 在一个无序列表中，列表项的标志 (marker) 是出现在各列表项旁边的圆点。 在一个有序列表中，标志可能是字母、数字或另外某种计数体系中的一个符号。要修改用于列表项的标志类型，可