边距和填充

我们可能还想删除默认的边距和填充；这通常通过在样式表开头的“CSS 重置”来完成：

* {margin:0;padding:0;}

然后我们可以自己定义每个元素的边距和填充。
在这种情况下，让我们给列表一个大约 1rem 的默认填充。
使用 rem 将定义相对于根元素字体大小的填充长度，然后我们可以以像素为单位定义；一个好的、标准的、body 字体大小是 16px：

* {
  margin: 0;
  padding: 0;
}
body {
  font-size: 16px;
}
ol, ul {
  list-style-type:none;
  padding: 1rem;
}

当我们用逗号分隔选择器时，我们可以定位多个元素；在这种情况下，我们的规则同时针对 <ol> 和 <ul> 元素。

默认情况下，HTML 列表 <ol> 和 <ul> 将在每个列表项前面使用数字或者项目符号进行样式化；要更改默认样式，我们可以使用 CSS list-style-type 属性。

将 list-style-type 显式设置为 none 将删除默认样式：

ol, ul {
  list-style-type:none;
}

list-style-type 属性的其他值包括：

• 小写罗马字 - i, ii, iii, ...
• 大写罗马字 - I, II, III, ...
• 小写希腊语 - α, β, γ, ...
• 小写拉丁语 - a, b, c, ...
• 大写拉丁语 - A, B, C, ...
• 亚美尼亚语 — Ա, Բ, Գ, ...
• 格鲁吉亚语 - an, ban, gan, ...
• 小写阿尔法 — a, b, c, ...
• 大写阿尔法 - A, B, C, ...
• 十进制 — 1, 2, 3, ...
• 十进制前导零 — 01, 02, 03, ...
• 光盘 — ●
• 方形——
• 圆圈——○
• none - 不显示项目符号。

更改列表样式后，还需要注意元素的边距——如果我们不小心，新添加的项目符号可能会由于列表元素上的空白空间（边距或者填充）不足而被隐藏。