css3字体设置小字体 |ssm不拦截静态css

首先，大家需要了解rem和em这两个相对单位。以font-size属性为例，rem是相对于根元素(HTML元素)的字体大小来计算，而em是相对于当前元素的字体大小来计算。
如果当前元素的字体大小为14px，那么1em就等于14px。但是如果大家想要将一个元素的字体大小除以2来得到一个更小的字体，大家便可以使用0.5em来实现。

接下来，大家来看看CSS3中的一些设置小字体的技巧。

.small {
font-size: 0.8rem;
}
.title {
font-size: 1.5em;
font-weight: bold;
text-transform: uppercase;
}
.caption {
font-size: 0.7em;
color: #888;
}
.footer {
font-size: 0.9em;
font-style: italic;
color: #555;
}

在上面的代码中，大家可以看到四个不同的类名，分别对应了不同的情境。大家可以根据自己的需求自由地设置字体大小、字体样式以及字体颜色等属性。这些小技巧可以帮助大家优化页面的字体设置，使页面看起来更加统一、整洁。