css - 我可以将样式元素添加到语义标签吗？

Question

是否可以将css样式添加到语义元素，如

<article style="font-size:1.2em; color:#ccc>text text </article>

或者这会不会给我带来麻烦，我应该使用

<div style="font-size:1.2em; color:#ccc>  
<article>text text </article>
</div>

Answer 1

使用类比将样式硬编码到 HTML 中要好得多。这允许将内容与表示分离，并且更容易进行更改。所以我会推荐类似的东西

.article {
    font-size:1.2em; 
    color:#ccc;
}

和

<article class="article">text text </article>