css样式兼容表 |html5 css3教程下载

/* example */
p{
color: red;
background: blue;
border: 1px solid green;
}

CSS 样式兼容表是一份记录了各种 CSS 样式在各个浏览器中表现的情况的资料，包括了各个浏览器对 CSS 标准规范的支持情况、对 CSS3 标准规范的支持情况、对 CSS Hack 的支持情况等。虽然这些兼容性问题在现代浏览器中已经得到了很好的修复，但在一些老旧的浏览器中仍然存在一些问题。

下面是一份简化版的 CSS 样式兼容表：

/* CSS 兼容表 */
p{
color: red;                /* 所有浏览器支持 */
background: blue;          /* 所有浏览器支持 */
border: 1px solid green;   /* 所有浏览器支持 */
}
/* CSS3 兼容表 */
p{
border-radius: 5px;        /* Chrome、Firefox、Safari、Opera、IE9+ 支持，IE8- 不支持 */
box-shadow: 5px 5px 5px #888888;  /* Chrome、Firefox、Safari、Opera、IE9+ 支持，IE8- 不支持 */
text-shadow: 2px 2px #888888;    /* Chrome、Firefox、Safari、Opera、IE9+ 支持，IE8- 不支持 */
}
/* CSS Hack 兼容表 */
p{
color: red;                /* 所有浏览器支持 */
background-color: blue\9;  /* IE6-IE9 支持，其他浏览器不支持 */
*background-color: blue;   /* IE6-IE7 支持，其他浏览器不支持 */
_background-color: blue;   /* IE6 支持，其他浏览器不支持 */
}

通过参考 CSS 样式兼容表，大家可以更好地了解各种 CSS 样式在不同浏览器上的表现情况，编写出更加兼容各种浏览器的 CSS 样式。同时，在编写 CSS 样式的时候，大家也需要避免过度依赖 Hack，因为过多使用 Hack 式的样式会导致 CSS 代码的可读性、可维护性降低，也难以适应不同的浏览器版本。