SMACSS

CSS分层

随着CSS的发展,使用CSS有语义化的命名约定和CSS层的分离,将有助于它的可扩展性,性能的提高和代码的组织管理。在我前面的文章中讨论很多关于CSS的问题都可以通过使用一个适当的CSS策略来避免。在这篇文章里,我将着重于讨论使用一种方法或者一个命名规则所带来的好处。这里有很多可供使用的前端方法和命名规则,每个都有自己的优缺点。在几乎所有的案例中CSS被分割成更易于管理的代码“块”。CSS的这种分割方式定义了每一种方法。

CSS, Sass, SCSS, Compass, Less,BEM, SMACSS, OOCSS, ACSS, CCSS, WTFSS?

大家都说CSS学和写都简单,那么写了多年CSS的同学是否有静下来思考过,自己写CSS是有较为系统的和具有一定规范的,而不是草率的写CSS。另外就是自己写的CSS在团队中,别的同学是否能看到代码就知道您写的是什么?如果没有,那不仿看看这里提到的一些概念与思想,比如:Sass 、SCSS、LESS、BEM、SMACSS、OOCSS、ACSS和CCSS等。这里列出的,你听说过、了解过或已在运用的有几个。如果是第一次听说他们,不仿进入相关小节,了解他们是什么?

如何使用Sass和SMACSS维护CSS

项目的维护与管理一直以来就是团队中最让人烦恼的事情,特别是对于一个有一定历史的网站,很多团队想动却又不敢轻意的去动,大多数都是采用在原来的基础上迭代开发,致使代码越来越难以维护。也为此产生恶性循环。今天根据的《How to Scale and Maintain Legacy CSS with Sass and SMACSS》所译,学习如何通过Sass这样的CSS预处理器和SMACSS这样的思想结合在一起,更好的开发和维护一个项目的CSS。希望对大家有所帮助与启发。

返回顶部