最小化HTML代码[关闭]

问题描述 投票:-3回答:2

例如我有这个:

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

每次我想要使用它时,我都不想复制粘贴。我知道我可以为它做一个类,但我想要像我自己的标签这样的东西:

</brandtext>

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

javascript html css
2个回答
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组件可能是有趣的阅读,但看起来这样做会有点过头了。


0
投票

是的,这是可能的,有很多方法:

© www.soinside.com 2019 - 2024. All rights reserved.