Question

例如我有这个：

<a style="font-family: Verdana; font-size:20pt; text-shadow: 2px 2px 2px rgba(150, 150, 150, 1);">My Brand</a>

我不想在每次使用时都粘贴这个。我知道我可以为它做一个课程，但我想要像我自己的标签这样的东西：

</brandtext>

每次我把标签放在上面我希望它像上面的我的品牌文字一样。有办法吗？

Answer 1

常见的惯例是创建一个CSS类：

.brandtext{
font-family: Verdana; 
font-size:20pt; 
text-shadow: 2px 2px 2px rgba(150, 150, 150, 1);
}

然后在HTML中引用它

<a class="brandtext">My Brand</a>

如果您的所有链接都具有此样式，那么您实际上可以抛弃类名并设置链接的样式（锚标记）。

a{
font-family: Verdana; 
font-size:20pt; 
text-shadow: 2px 2px 2px rgba(150, 150, 150, 1);
}

HTML ...

<a>My Brand</a>

如果你真的想深入制作自定义组件，那么挖掘web组件可能是有趣的阅读，但看起来这样做会有点过分。

Answer 2

是的，这是可能的，有很多方法：