例如,假设我想在 HTML 中创建颜色为蓝色且大小为 13px 的文本。
有什么办法可以做这样的事情:
<h1 class = "blue 13px">Hallo</h1>
然后使用 CSS 使其变成蓝色和 13 px 而不做:
.blue 13px {
color: blue;
font-size: 13px;
}
您可以在 HTML 元素中使用内联样式,而不是使用 CSS 类:
<h1 style="color: blue; font-size: 13px;">Hallo</h1>
由于其较差的维护和重用质量,这种样式策略通常是不可取的。谨慎使用。;)
另请注意,您在问题中提供的 CSS 代码无效。CSS 类名必须是有效的CSS 标识符。这会更正确:
<h1 class="blue-13px">Hallo</h1>
.blue-13px {
color: blue;
font-size: 13px;
}
还要注意,您也可以在 HTML 页面中包含 CSS 规则(无需使用单独的 CSS 文件):
<style>
.blue-13px {
color: blue;
font-size: 13px;
}
</style>
<h1 class="blue-13px">Hallo</h1>
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句