有没有一种正确和错误的格式化CSS的方法？

Question

当我第一次开始编写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编写的代码.这是一种有效的代码处理方式,还是在将其置于在线时与标准保持一致,我应该使用垂直形式吗？

Answer 1

嗯,这里说的最多:)

摘要:css-tricks.com进行了民意调查.大约3比1的边缘,大多数人喜欢单线css风格的多线.

Answer 2

我个人更喜欢第一种风格.我喜欢易于阅读的内容,我不介意滚动.第二种风格的密集性使我的阅读速度减慢,我挑选出我感兴趣的项目的能力.

由于文件大小,肯定会考虑使用CSS进行权衡.CSS可以压缩.我发现CSS文件的大小对我迄今为止构建的网站的担忧最小.

最重要的是,无论您选择使用哪种风格都要保持一致.当您需要更新CSS或其他开发人员必须更新CSS时,这种一致性将使您的生活更加简单.

Answer 3

使用缩进指示层次结构并不是一个坏主意.但是,你应该小心,不要欺骗自己.在您的示例中,您可能假设.scrollButton始终位于.object1中.但CSS并不遵守这一规则.如果你在.object1之外使用.scrollButton类,它仍然会获得样式.