1，十六个颜色值对和大小

编写十六个二进制颜色值时，可以使用小写字母或省略号为3位数。在该方法中，没有发现真实的数据来证明浏览器的渲染效率是否受到影响，但十六个二进制颜色值的默认值是大写和6位注释。

*颜色：# F3A的反对；

*建议使用颜色：# ff33aa；

2、显示和可见性之间的差异

它们用于设置或检索对象是否显示。显示隐藏的对象不保留物理空间，可见性保留隐藏对象的占用物理空间。当浏览器呈现占用的物理空间时，它们消耗资源。

*不赞成-能见度：隐藏；

*建议使用-显示：无；

3，边界：无；边界差异：0

显示和可见性之间的关系是相似的，并且没有预订和预订空间，更多的是边界：0；虽然可以隐藏边框，但它可以节省您使用边框颜色/边框样式的权限。

*反对：边界：0；

*建议使用-边界：无；

4。使用小背景图片是不合适的。

宽和高1px背景图片，虽然文件体积很小，但板宽和高500px需要重复2500次。背景图像渲染效率的提高是尺寸和体积相关的图片。最大的图像文件体积仍然对70kb。

*不-铺设背景图片8px宽

*推荐使用-中等大小和尺寸的背景图片

5。谨慎使用IE过滤器

即滤波器也有兼容性问题，除了消耗资源。有透明过滤器可以用PNG，GIF或JPG避免使用这个过滤器避免。建议GIF只有IE6是透明的，因为IE7已经支持PNG透明。

*不赞成，即滤波器的滥用也有兼容性问题，因为资源的消耗。

*建议最好选择其他方法以避免使用过滤器。


6，*边距：0；填充：0；}以避免浏览器风格差异

*数字通配符初始化所有标记，浏览器的渲染消耗了一定数量的资源，其中一些几乎与不同浏览器上的标签或一些不推荐的标签不同（因为您不会使用它们）。他们不需要通配符来初始化一遍，节约一点资源。

*不赞成，使用*号通配符

*不赞成，如div标签跨度按钮B表纳入通配符控制内部和外部的填充方式

*建议，选择性地使用通配符来控制内部和外部的填充样式。

7。不要添加额外的标签来描述类或ID

如果您有一个带有id作为键选择器的选择器，请不要添加多余的标签名称。因为id是惟一的一个，您不会因为不存在的原因而降低匹配的效率。

*不赞成的按钮#返回按钮{ }

*不赞成，菜单左# newmenuicon { }

*推荐- #返回按钮{ }

*推荐- # newmenuicon { }

8。选择最特殊的类来存储选择器

降低系统效率的最大原因之一是我们在标签类中使用了太多选择器，通过向元素添加类，我们可以将类细分为类类，这样我们就不会浪费时间为标签贴上很多选择器。

*不-项目{ mailfolder =真正的> treerow >树木细胞{ }

*推荐。树木细胞mailfolder { }

9。避免后代选择器

子选择器是CSS中最耗费资源的选择器。他确实是一种非常昂贵的资源，特别是当选择器使用标签类或泛型类时。在很多情况下，我们真正想要的是子选择器。除非有清楚的解释，否则在css CSS中禁止使用子选择器。

*不- treehead treerow树木细胞{ }

*好一点，但仍然没有（下一篇）- treehead > treerow >树木细胞{ }

10。在标签类中不包含子选择器。

不要在课堂上使用的标签subselectors。否则，每个元素的发生增加匹配时间。（尤其是当选择似乎是最有可能匹配）

*不- treehead > treerow >树木细胞{ }

*推荐。树木细胞头{ }

11。通知所有subselectors使用

小心使用子选择器。如果你能想出一个不使用他的方法，不要使用它。特别是，subselectors经常用于RDF树和菜单，像这样。

*不-项目{ isimapserver =真正的> treerow >。树folderpane图标{ }

请记住，RDF的属性可以在模板中复制！这样，我们可以拷贝RDF属性，要基于该属性的改变subxul元素。

*推荐使用。树folderpane图标{ isimapserver =真正的} { }