html - 使用可重复使用的样式以方便使用，但最适合网站速度？

Question

有一个快速的问题，我相信有人可以回答。假设我在我的 css 文件中声明了可重用的样式。

就速度而言，如果我将一堆 class = left 和 class = right 添加到 html 页面上的元素中，页面加载时间是否会更快，或者如果我专门将 float 添加到元素中，页面加载时间会更快吗在 CSS 中？

例子:

这样做会不会更快。

.left {
   float: left;
    }

.right {
   float: right;
    }

<div class="box1 left">float me left</div>
<div class="box2 right">float me right</div>

或者这个。

<div class="box1">float me left</div>
<div class="box2">float me right</div>

.box1 {float:left;}
.box2 {float:right;}

在性能方面，什么是更好的方法以及原因。谢谢!

Answer 1

作为编写代码的一般规则，重要性顺序为:1.正确性2.可读性...1000. 速度。速度并不是真正的大问题。一切都处理得如此之快，比较更快的东西是愚蠢的。但要回答这个问题，CSS 文件位于 HTML 文档的头部。它在呈现之前进行处理，并在发现 HTML 元素时应用到它们。因此，单独添加单个样式比将它们分组到一个类下会花费更多时间。