step 1. 确定目标,需要实现的是什么效果。 step 2. 找到最少的HTML标记,在该标记上应用CSS样式。一般情况下,可以使用class和id属性来指定标记。 step 3. 对目标标记应用样式,解决任务。这里要使用CSS大量的技巧和属性,例如margin、padding、border、text-shadow、box-shadow、background等。 step 4. 将目标标记放到一个更大的容器中,然后使用上下文选择器和子选择器为这个容器中的其他元素应用类似的样式。 step 5. 进行重构,优化代码。不断地检查代码,合并与简化。例如,合并样式、使用继承属性等等。
使用CSS橄榄精华可以减少网页加载的时间,以及对性能的影响,提高了用户体验。同时也可以增加CSS的可维护性和扩展性。