[分享]css不同浏览器显示

CSS（层叠样式表）是一种用于控制网页样式的语言，可以实现网页的美化与布局。但是，由于不同浏览器对CSS标准的支持程度不同，导致同一个网页在不同浏览器中的渲染效果也不同。p { color: red;...

CSS（层叠样式表）是一种用于控制网页样式的语言，可以实现网页的美化与布局。但是，由于不同浏览器对CSS标准的支持程度不同，导致同一个网页在不同浏览器中的渲染效果也不同。

p {
  color: red;
} 

上述代码是一段CSS代码，它的作用是将段落字体颜色设置为红色。但是，在不同浏览器中的渲染效果却不尽相同。

IE浏览器：IE浏览器对CSS标准的支持相对较差，它使用的是自己的CSS解析引擎，导致某些CSS样式无法兼容。比如，在IE6和IE7浏览器中，上述代码会把段落字体设置为红色。但是，在IE8及以上版本中，段落字体颜色不会改变，因为IE8采用了更加严格的CSS解析规则。

火狐浏览器：火狐浏览器对CSS标准的支持比较好，它会按照标准来解析CSS代码。因此，在火狐浏览器中，上述代码能够正常工作，将段落字体设置为红色。

谷歌浏览器：谷歌浏览器也对CSS标准的支持程度很高，但是它也存在一些小问题。有时候，谷歌浏览器解析CSS的方式会和其他浏览器有所不同，导致同样的CSS样式在不同浏览器中的渲染效果不同。举个例子，如果将上述代码的字体颜色改为蓝色，那么在IE浏览器和火狐浏览器中，段落字体颜色都会变成蓝色，但是在谷歌浏览器中，段落的字体颜色可能会变成紫色。

p {
  color: blue;
} 

因此，为了保证网页的兼容性，在撰写CSS代码时要注意不同浏览器的解析规则，尽量使用标准的CSS代码，以确保在所有浏览器中都能够正确渲染。