新调查:你如何排序 CSS 属性?

Avatar of Chris Coyier
Chris Coyier on

DigitalOcean 为你的旅程各个阶段提供云产品。立即开始使用 价值 200 美元的免费积分!

我发起了一个新的调查(在网站侧边栏,RSS 用户也可以参加),关于你如何排序 CSS 属性。 例如

随机

.module {
   border: 1px solid #ccc;
   width: 25%;
   padding: 20px;
   position: relative;
   min-height: 100px;
   z-index: 1;
   border-radius: 20px;
}

字母顺序

.module {
   border-radius: 20px;
   border: 1px solid #ccc;
   min-height: 100px;
   padding: 20px;
   position: relative;
   width: 25%;
   z-index: 1;
}

按类型分组

.module {
   width: 25%;
   min-height: 100px;
   padding: 20px;

   border: 1px solid #ccc;
   border-radius: 20px;

   position: relative;
   z-index: 1;
}

空格仅用于强调。

按长度

.module {
   border: 1px solid #ccc;
   border-radius: 20px;
   position: relative;
   min-height: 100px;
   padding: 20px;
   z-index: 1;
   width: 25%;
}

更戏剧性的例子。

其他

如果你有其他排序方法,请在评论中分享!现在无法将它们添加到调查中,但分享永远不晚。