1、简写

CSS Shorthand，属性简写，可以让CSS从臃肿无序升级为简洁有序具有高可读性。如

p { margin-top: 1px;
    margin-right: 2px;
    margin-bottom:  3px;
    margin-left: 4px; }

可简写为

p { margin: 1px 2px 3px 4px; }

这种写法使代码变得简洁有序具有高可读性。

2、删除未使用的CSS代码

有时候css代码难免会用不到，这样就造成代码的臃肿了，这时就需要查找并删除这些无用的代码。在谷歌浏览器的开发者工具可以查看未被使用的CSS。在console旁边有个coverage,高亮显示未使用的CSS。

加载外部样式表需要花费时间，这是由延迟造成的。因此，可以将一些关键的CSS放在HTML的HEAD里面。这样，显示关键CSS样式时，就不会有延迟的效果。但是这样做，对维护人员并不太友好，所以，放在这里的代码不能太多，关键是要关键。

一般描述颜色都是用6位数字，但某些情况下可以更简洁。

target { background-color: #ffffff; }
target { background: #fff; }

某些0或单位可以省略不写，如下面这几种情况。

padding: 0.2em;
margin: 20.0em;
avalue: 0px;
padding: .2em;
margin: 20em;
avalue: 0;

CSS规范中，可以省略同一属性组的最后一个分号，如下。

p {
. . .
	font-size: 1.33em
}

这种方法节省的成本比较少，感觉用不上。

研究显示，某些标签的解析消耗性能会更高，因此，这类标签没必要可以少用。 border-radius box-shadow transform filter :nth-child position: fixed;