Question

在大型项目中......

哪个更快更优化？

哪种浏览器和流量更好？

未来的任何变化。

* 1。

.class1,.class2{
line-height:40px;
text-align:left;
margin-left:4%;
width:34%;
float:right
}
.class2{
width:44%;
float:left
}

2

.class1{
line-height:40px;
text-align:left;
margin-left:4%;
width:34%;
float:right
}
.class2{
line-height:40px;
text-align:left;
margin-left:4%;
width:44%;
float:left
}

* 3。

.class1,.class2{
line-height:40px;
text-align:left;
margin-left:4%;
}
.class1{
width:34%;
float:right;
}
.class2{
width:44%;
float:left;
}

* @connexo建议的新更新。

Sepas适合您的时间！

Answer 1

我不确定问题是否正确。在CSS的情况下，我会问维护它有多容易。当您在更大的网站上工作时，更新1个样式声明比更新10个声明更好。如果您确定class1和class 2的行为总是相同，那么我将使用第一个示例。在路上找到确切需要更新的内容会更容易。

两个例子都不会明显影响性能，而且，它们与SEO无关（据我所知）。

我希望这能回答这个问题...

Answer 2

我就是这样做的。将所有属性都放在一个块中，然后在此之后单独定义偏差属性。

.class1, 
.class2 {
    line-height: 40px;
    margin-left: 4%;
    text-align: left;
}
.class1 {
    float: right;
    width: 34%;
}
.class2 {
    float: left;
    width: 44%;
}

除了那个结构性的东西，我建议按字母顺序对声明进行排序，并且不要在块中的最后一个声明后省略分号。

Answer 3

您应该注意以下几点：

<强> 1。使用短线
这将减少不必要的使用空间。 - ＆GT;优化流量

<强> 2。缩小代码
与1相同。

第3。拆分你的CSS - 代码（重要的折叠CSS）
这是优化页面速度的一种非常有效的方法。您可以将用户可以在页面顶部看到的第一个视图的代码放在底部，其余部分放在底部。然后浏览器可以呈现页面，而无需完全下载页面。

<强> 4。使用内联CSS
这不是最美的解决方案，但它会影响性能。但是不要将所有CSS内联编写，只写一些小部分。

Css表现！更多重复或独特

3 个答案: