CSS

锚伪类

a:link {color: #FF0000}     /* 未访问的链接 */
a:visited {color: #00FF00}  /* 已访问的链接 */
a:hover {color: #FF00FF}    /* 鼠标移动到链接上 */
a:active {color: #0000FF}   /* 选定的链接 */

更多：W3school

字体

我们所认为的“字体”可能有许多字体变形组成，分别用来描述粗体、斜体文本，等等。例如，你可能已经对字体 Times 很熟悉。不过，Times 实际上是多种变形的一个组合，包括 TimesRegular、TimesBold、TimesItalic、TimesOblique、TimesBoldItalic、TimesBoldOblique，等等。Times 的每种变形都是一个具体的字体风格（font face），而我们通常认为的 Times 是所有这些变形字体的一个组合。换句话说，Times 实际上是一个字体系列（font family），而不只是单个的字体，尽管我们大多数人都认为字体就是某一种字体。

除了各种特定字体系列外（如 Times、Verdana、Helvetica 或 Arial），CSS 还定义了 5 种通用字体系列：

Serif 字体

这些字体成比例，而且有上下短线。如果字体中的所有字符根据其不同大小有不同的宽度，则成该字符是成比例的。例如，小写 i 和小写 m 的宽度就不同。上下短线是每个字符笔划末端的装饰，比如小写 l 顶部和底部的短线，或大写 A 两条腿底部的短线。Serif 字体的例子包括 Times、Georgia 和 New Century Schoolbook。
Sans-serif 字体

这些字体是成比例的，而且没有上下短线。Sans-serif 字体的例子包括 Helvetica、Geneva、Verdana、Arial 或 Univers。
Monospace 字体

Monospace 字体并不是成比例的。它们通常用于模拟打字机打出的文本、老式点阵打印机的输出，甚至更老式的视频显示终端。采用这些字体，每个字符的宽度都必须完全相同，所以小写的 i 和小写的 m 有相同的宽度。这些字体可能有上下短线，也可能没有。如果一个字体的字符宽度完全相同，则归类为 Monospace 字体，而不论是否有上下短线。Monospace 字体的例子包括 Courier、Courier New 和 Andale Mono。
Cursive 字体

这些字体试图模仿人的手写体。通常，它们主要由曲线和 Serif 字体中没有的笔划装饰组成。例如，大写 A 再其左腿底部可能有一个小弯，或者完全由花体部分和小的弯曲部分组成。Cursive 字体的例子包括 Zapf Chancery、Author 和 Comic Sans。
Fantasy 字体

这些字体无法用任何特征来定义，只有一点是确定的，那就是我们无法很容易地将其规划到任何一种其他的字体系列当中。这样的字体包括 Western、Woodblock 和 Klingon。

理论上讲，用户安装的任何字体系列都会落入到上述某种通用系列中，但实际上可能并非如此，不过例外情况（如果有的话）往往很少。

编剧

内边距

<div id="padding">
<h2>CSS 内边距属性（Padding）</h2>

<table class="dataintable">
<tbody><tr>
<th style="width:30%;">属性</th>
<th style="width:65%;">描述</th>
<th style="width:5%;">CSS</th>
</tr>
<tr>
<td><a href="/cssref/pr_padding.asp">padding</a></td>
<td>在一个声明中设置所有内边距属性。</td>
<td>1</td>
</tr>
<tr>
<td><a href="/cssref/pr_padding-bottom.asp">padding-bottom</a></td>
<td>设置元素的下内边距。</td>
<td>1</td>
</tr>
<tr>
<td><a href="/cssref/pr_padding-left.asp">padding-left</a></td>
<td>设置元素的左内边距。</td>
<td>1</td>
</tr>
<tr>
<td><a href="/cssref/pr_padding-right.asp">padding-right</a></td>
<td>设置元素的右内边距。</td>
<td>1</td>
</tr>
<tr>
<td><a href="/cssref/pr_padding-top.asp">padding-top</a></td>
<td>设置元素的上内边距。</td>
<td>1</td>
</tr>
</tbody></table>

<div id="pagedmedia">
<h2>Paged Media 属性</h2>

<table class="dataintable">
<tbody><tr>
<th style="width:30%;">属性</th>
<th style="width:65%;">描述</th>
<th style="width:5%;">CSS</th>
</tr>
<tr>
<td>fit</td>
<td>示意如何对width和height属性均不是auto的被替换元素进行缩放。</td>
<td>3</td>
</tr>
<tr>
<td>fit-position</td>
<td>定义盒内对象的对齐方式。</td>
<td>3</td>
</tr>
<tr>
<td>image-orientation</td>
<td>规定用户代理应用于图像的顺时针方向旋转。</td>
<td>3</td>
</tr>
<tr>
<td>page</td>
<td>规定元素应该被显示的页面特定类型。</td>
<td>3</td>
</tr>
<tr>
<td>size</td>
<td>规定页面内容包含框的尺寸和方向。</td>
<td>3</td>
</tr>
</tbody></table>

锚伪类

字体

编剧

推荐阅读更多精彩内容