You should add a tip on little known (or remembered) CSS Counters i believe.

It is supported on all major platforms, http://caniuse.com/#feat=css-counters

Here is an example: http://codepen.io/Monochrome/pen/bEMbdr

运行时出现的问题为：
![

很久之前有尝试整理过一份 CSS 命名书写规范，CSSWritingRules。

本文在上文的基础下，再提供多一些建议，可选择遵循使用或者部分遵循使用，视团队情况及业务特性而定。大部分规则翻译自 CSSLint-- Wiki。

从 CSSLint 的规则中，我们可以窥探到很多有意思的的 CSS 细节，可帮助我们更好的理解 CSS 以及写出兼容性更好的 CSS 代码。

这只是一份指南，不是一份标准。

可能/潜在的错误写法

下面的一些规则是一些潜在会导致一些意料之外的错误的 CSS 书写方式。

留意盒子的尺寸（Beware of box model s

I'm trying to use icono-chain with a Bootstrap-style CSS reset. One part of this is:

* {
    box-sizing: border-box;
}

However, it seems that icono assumes the box sizing on the :before and :after elements will be content-box (browser default). Since setting the box-sizing of every element to border-box is fairly common, content-box should explicitly be set on `[class*

简介

先上一张图看性能：

当我们对一个页面进行布局时，性能瓶颈通常是 style、layout、paint。

一般情况下，浏览器会把 整个 DOM 作为 CSS 布局上下文，因此：当我们改变部分 DOM 的样式时，也会影响到其他部分，并且没有什么方式来告诉浏览器哪些内容应该在范围内哪些应该在范围外。

假

We should absolutely be reviewing the current live docs vs the new branch for must have content.

We don't want to get too carried away with the editorial process ...

Background:
I'm trying to swap the order of columns between breakpoints, using the method on the docs page under section "Normal flow with ordering (first / last) (can be based on MQ keys)"

Reproduce:
In that section, when you add a size to the column it is breaking the swapped order.

Just change <div class="col_md-first">...</div> to

`

...</div

To avoid warnings by people who knows nothing about alphabet, I suggest to write grunt-task/small tool wrapped with task, that will sort out all properties in css in alphabetical order.

moreover, we can add indentation check and fix etc.