兼容模式和极速模式是浏览器所支持的两种不同的渲染模式。其中兼容模式是指浏览器兼容以前版本的 HTML 和 CSS 规范，以保证能够更好地显示旧的网站。而极速模式则是浏览器使用最新的 HTML 和 CSS 规范，以提供更快速的页面加载速度和更高效的渲染效果。

对于我们开发者而言，在 CSS 样式方面，两种模式存在一定的差异。如果我们想要开发出兼容各种浏览器的网站，需要考虑两种不同的模式对 CSS 样式的影响。

对于兼容模式，一些旧版本浏览器会存在一些不兼容的问题，比如使用 margin 属性时会与父元素产生奇怪的间距，宽度和高度设置时经常会出现兼容性问题，

document.compatMode == 'BackCompat'

可以判断是否在兼容模式下。因此在开发时，我们需要特别注意 CSS 属性是否能够兼容各种浏览器，并在需要时加入相应的 hack 代码以确保兼容性。

而对于极速模式，我们可以更加自由地使用 CSS 最新的语法和属性，例如 flex 布局、CSS grid 布局等等。同时，由于浏览器的优化，极速模式下的页面加载速度和渲染效果都能得到最优化的处理。因此，如果我们要开发一个性能和效果都非常出色的网站，极速模式是非常推荐使用的。