格式化CSS是否有正确和错误的方式？

当我第一次开始编写CSS时，我正在以扩展形式进行编写

div.class {
    margin:      10px 5px 3px;
    border:      1px solid #333;
    font-weight: bold;
    }
    .class .subclass {
        text-align:right;
        }

但现在我发现自己写这样的CSS：(从我现在写的代码的例子)

.object1 {}
    .scrollButton{width:44px;height:135px;}
        .scrollButton img {padding:51px 0 0 23px;}
.object2 {width:165px;height:94px;margin:15px 0 0 23px;padding:15px 0 0 10px;background:#fff;}
    .featuredObject .symbol{line-height:30px; padding-top:6px;}
    .featuredObject .value {width:90px;}
        .featuredObject .valueChange {padding:5px 0 0 0;}
        .featuredObject img {position:absolute;margin:32px 0 0 107px;}

我开始担心，因为很多时候我看到在网络上的例子中完成的第一种形式，而我发现第二种形式让我很容易使用。它具有较低的垂直高度，所以我可以看到所有的类一目了然，滚动较少，层次结构的列表似乎更加明显，它看起来更像是我用javascript或html写的代码。这是一个有效的代码方式，还是在使用垂直格式的同时放在网上的标准？

解决方法

我个人喜欢第一种风格。我喜欢很容易阅读的东西，我不介意滚动。第二种风格的浓郁本质使我的阅读速度减慢，我能够挑选出我感兴趣的项目。

由于文件大小，CSS中肯定有权衡。 CSS可以压缩。我发现CSS文件的大小是我迄今为止所建立的网站所担心的最小的。

最重要的是，您选择使用的任何一种风格是一致的。当您必须更新CSS或另一个开发人员必须更新您的CSS时，这种一致性将使您的生活更简单。

格式化CSS是否有正确和错误的方式？

解决方法

相关文章