《
5.css边距及空格填充》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302331362013.htm
Books
设定边距参数值最显明的办法是应用长度 单位：px(象素）、pt（点数）等。你也可 以用比例值设定边距。 以下是几个例子：
你可以使用任何一种长度单位或比例值设 定空格填充。其使用方式同边距的属性。
将边距值设为负值，你就能够将两个因素 重叠在一起，例：
然而空格填充不能应用负值（而且，IE 3 不支撑空格填充属性）。
Tag：边距 填充 边距 填充
上例中， "are mind food" 的底边距为 －55象素，右边距为60象素。
换句话说，假如你盘算将几个要素叠放在 一起，就不要对边距使用负值。今天的教 程将教你如何叠放个要素。
--> [
网站建设之]5.css边距及空格填充
我们都晓得可以用HTML设定边距，但你必 须使用表格，别无它法。而样CSS式表则...... 疾速定义边距
当你在IE 3中使用标尺单位(如英寸 和厘米）时，IE 3有时会加大底边 距。同样，有些HTML标签可以实用 底边距，有些则不能， IE 4有时在对替代要素（如图象）设 定左边距时会呈现问题，你可以将图 象包在一个<DIV>中，然后给<DIV>设 定样式。
你可以看到，每一个边距都可以有不同的 设置。或者你可以设置一个边距，而后让 浏览器用缺省设置设定其它的多少个边距。 你可以将边距利用于文字跟替代要素（如 图象）。
另一个缺点是你不能完整把持位于底部的 内容，而且不同的浏览器对其显示也不同。 例如， Communicator老是将图象显示在文 字的上部。 IE仿佛是将个要素依照其载入 阅读器窗口的次序显示各要素。
浏览器对该属性的支持方面还应留神以下 几点：
空格填充的作用相似于边距掌握，你可以 设定一个要素的前后左右的空格填充的尺 寸。
H4 { padding-top: 20px; padding-bottom: 5px; padding-left: 100px; padding-right: 55px }
使用负值使要素重叠的的缺陷是不同的浏 览器对其处置方法不同。比方，在显示上 述例子时，不同的4种重要浏览器（Communicator for PC, Communicator for Mac, IE for PC, IE for Mac）对文 字重叠的水平不同。
下面我们将探讨位于边距和空格填充之间 的边框。
H4 { margin-top: 20px; margin-bottom: 5px; margin-left: 100px; margin-right: 55px }
要素自身 围绕要素的空格填充（padding） 环绕空格填充的边框（border） 缭绕边框的边距（空缺－margin）
are mind food
首先，咱们应当懂得样式表语言的术语， 以便我们懂得正在谈什么。每一个整块的 要素或替换要素都包括在款式表天生器称 之为box的容器之内。box包含：
你可以分辨控制空格填充、边框和边距， 正如我们行将做的。
图示如下：
顶空格填充，底空格填充，左空格填充和 右空格填充
顶边距、底边距、左边距和右边距 这4项属性可以使你节制一个要素的四处 的边距。如下：
返回本专题:《CSS层叠样式表教程》的目录
相关的主题文章：
(责任编辑：网站建设)
5.css边距及空格填充相关文章