为什么概念主页在HTML div中保持css样式

Question

人们普遍认为，对于一个大型项目，将css样式保留在div中是一种不好的做法。应该保留一个单独的CSS文件。

然而，我偶然发现了概念主页，它是一个漂亮的网站和良好的性能。检查网页，我看到很多这样的行：

<div class="notion-app-inner notion-light-theme" style="
color: rgb(55, 53, 47); 
fill: currentcolor; 
line-height: 1.5; 
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol"; 
-webkit-font-smoothing: auto;"> 

我的问题是为什么站点将css样式保留在div中，而不是一个单独的css文件？（还是某种反作用实践的结果？）做这件事的原因是什么？

我理解为什么通常将css保存在一个单独的文件中是一个好的做法。我想知道为什么概念使用相反的做法？网站背后的工程师清楚地知道他们在做什么。

Answer 1

通常，您希望将css保存在一个单独的样式表中，因为这样更容易维护。通过HTML文件来重新设置页面的样式是不够有效的。

另外，如果您希望有多个具有相同属性的元素，那么对特定元素进行样式化将花费更多的时间。