边距
边距是一个同时用于印刷和 Web 发布的页面布局术语。在印刷中,“边距”通常指页面边框;而在 Web 中,它描述网页上各元素之间的间距。
1. 印刷页面
在文字处理器中创建新文档时,默认边距通常设置为四边各一英寸。不过,根据程序的不同,左右边距可能在 0.75 英寸到 1.25 英寸之间变化。这些边距会在页面内容周围形成一个框架,使文本不会一直延伸到页面边缘。文档边缘的空白区域能让页面看起来更整洁,也使文本更易于阅读。
在许多情况下,没有必要编辑页面边距。不过,某些文档(例如学校论文)可能要求使用特定边距。在这些情况下,你可以在文字处理器的“文档格式”窗口中编辑边距。通常可以从程序的菜单栏中选择来打开此窗口。在 Microsoft Word 中,你可以使用文档上方功能区中的“布局”选项卡编辑页面边距。
2. 网页
边距也是一种CSS属性,用于在网页上的HTML“块”元素之间创建空白。它可以指定对象上方、右侧、下方和左侧的边距。下面是几个在 CSS 中指定边距的示例。
- margin: 12px; — 元素四周的边距均为 12 像素
- margin: 4px 6px; — 上下边距为 4 像素;左右边距为 6 像素
- margin: 10px 15px 20px; 5px; — 上边距:10px,右边距:15px,下边距:20px,左边距:5px
- margin-right: 30px; — 元素右侧的边距为 30 像素
边距也可以是负值,这可用于将一个对象覆盖在网页中的另一个元素上。在某些情况下,边距也可以定义为“auto”。例如,CSS 声明“margin: 0px auto;”通常用于使网页上的元素居中。
测试你的知识