Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 我可以向语义标记添加样式元素吗?_Css_Html_Semantic Markup - Fatal编程技术网

Css 我可以向语义标记添加样式元素吗?

Css 我可以向语义标记添加样式元素吗?,css,html,semantic-markup,Css,Html,Semantic Markup,可以将css样式添加到语义元素中吗 <article style="font-size:1.2em; color:#ccc>text text </article> 文本 在HTML中使用类而不是硬编码样式要好得多。这允许将内容与表示分离,并使更改更加容易。所以我想推荐一些 .article { font-size:1.2em; color:#ccc; } 及 文本 只要浏览器支持HTML5标记,就可以将css/样式设置为任何标记,这是HTML5的

可以将css样式添加到语义元素中吗

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

文本

在HTML中使用类而不是硬编码样式要好得多。这允许将内容与表示分离,并使更改更加容易。所以我想推荐一些

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

文本

只要浏览器支持HTML5标记,就可以将css/样式设置为任何标记,这是HTML5的要求。

是的,只要是HTML/HTML5标记,就可以向语义HTML元素添加类或样式

关于HTML5中新语义元素的列表,您可以参考以下链接


当您使用屏幕阅读器时,它将关注选定的语义标记。就这些语义标记的使用方式而言,这可能是您所知道的全部内容


话虽如此,增加利润是没有意义的,因为您通常希望直接关注内容。但是其他的款式都很好。即使是填充也可以,只要你不使用它们作为边距的替代品。

自定义元素与此有什么关系?我说自定义元素或HTML5标记都有相同的要求。这个问题仍然适用。他们和这个问题有什么关系?我猜你没有读过答案。我之前的评论是关于j08691的评论。赞美上帝!!我确实使用外部样式表,当然,我使用这种内联样式只是为了示例。谢谢你说“好”是什么意思?它有效吗?当然是。这是个好主意吗?这完全取决于您的用例,但答案可能是否定的,无论元素的性质如何(语义或非语义-唯一的“非语义”元素是div和span)。
.article {
    font-size:1.2em; 
    color:#ccc;
}
<article class="article">text text </article>