这是一个可行的主意吗？
您使用什么工具？
您将这种测试称为什么？
#1 楼
几乎可以肯定，您必须在实际的产品页面上进行测试-尝试“部分”测试CSS会错过整个页面上使用多个样式表所获得的任何有趣的级联效果。当然，您还需要在所有您关注的浏览器上进行测试，因为它们都有自己的渲染特质。找到合适的Oracle告诉您视觉效果是否正确可能很困难。对于某些东西，例如已知的颜色或属性值，您可以检查HTML属性。
您可以对已知的页面图像进行手动或自动页面比较。
您可以对重叠或截断的元素进行一些自动检查-我不确定是否有任何测试工具包可以这样做。
#2 楼
验证CSS。 （http://jigsaw.w3.org/css-validator/）
将真实浏览器的渲染结果与预期结果进行比较。 （这里有一些摆弄的空间，因为在某些浏览器中可能会降低用户体验。）
验证实际Web浏览器中的所有预期行为。行为来自JavaScript之外的CSS伪类。
#3 楼
如果您正在寻找用于回归测试的工具，请查看：https://github.com/bfirsh/needle
它基本上会拍摄零件的屏幕截图您选择（检查其示例）并进行比较。如果它们彼此之间的差异太大，则测试将失败。
#4 楼
我用来测试跨浏览器与CSS的兼容性的一个简单应用程序是Adobe Browser Lab，它使您可以比较来自不同操作系统的不同浏览器中的输出（您会惊讶地看到页面上存在一些细微的差异）。关于跨浏览器兼容性的主题，请阅读此页面，因为它提供了描述并链接到一些更有用的工具。#5 楼
您可以使用一个好的自动化工具来测试html或css文件中css的存在，但是，特定元素的计算样式将与此大不相同。这种类型的测试是我认为手动测试真正发挥作用的地方，最好的工具是诸如browsershots.org这样的工具，它可以尽快将信息传递给人类。
#6 楼
Quixote是一个实际的CSS测试库-您可以将其用于直接单元测试或集成测试。#7 楼
如果您是开源爱好者，那么您将拥有PhantomCSS，否则您可以使用诸如Applitools之类的市售工具
评论
您想如何测试CSS？您是要针对W3C验证器进行验证，还是要正确显示和呈现？@terryp：后来的CSS单元测试应用程序，跨浏览器支持，样式声明等。我正在查看CssUnit（Github）的功能，您有何建议？