index.md

layout	id
default	home

<img class="hero-logo" src="{{ site.url }}/assets/img/logo.png" width="250" height="250">

<h1>MaintainableCSS</h1>
<p>如何编写 CSS 而不用再去过分担心原有的样式会受你的影响？<em>MaintainableCSS</em> 就是这样一种哲学，教你编写 <em>模块化</em>, <em>可扩展</em> 以及 <em>可维护</em> 的CSS.</p>
<a class="hero-button" href="{{ site.url }}/chapters/introduction/">马上阅读</a>

MaintainableCSS 带来的优势

封装以及模块化

你对样式有完全的控制。

满足任何设计需求

根据你的需要，这会非常灵活。

无任何工具依赖

当然你可以使用任何你愿意尝试的工具。

易学性

读完这篇入门指导，你就知道了。

适合任何规模的项目

不管你项目规模有多大，MaintainableCSS 都会有用。

在你合适的时间升级

从今天开始，你就可以选择将其应用到你的项目上。你可以一点一点地升级，而不用一次性地全部搞定。

不会有权重过高的问题

能够避免因过度覆写而权重过高的问题。每次你都可以认为是在一张空白画板，从零开始写。

状态管理的方便性

根据状态而改变样式，如 loading, disabled 和 hiding状态等。

不用担心回归测试

修改一个现有样式的时候，你不会担心会影响其他地方的回归测试。

适合任何规模的团队

不论团队是只有一人，还是有100人。MaintainableCSS 都非常有用。

语义化的 HTML 和 CSS

MaintainableCSS 拥抱语义化的 HTML and CSS, 故你可以获得所有的好处。

高性能的 CSS

基于约定而使用扁平风格和高性能的选择器。

易于发现冗余代码

非常容易发现冗余代码，找到它，然后删除它。

方便 AB 测试与升级

想要测试一个模块的不同样式？MaintainableCSS 会让其变得轻松而愉快。

马上阅读

评价

“A handy little read on learning how to write modular and maintainable CSS.”
— Smashing Magazine

“Finally a good book on how to write maintainable CSS.”
— Alexander Dajani

“I actually love everything about this.”
— Simon Taggart

“Totally agree with this approach to CSS.”
— Marcel Reyna

{% include chapterList.html %}