CSS 兼容性表是用來記錄各個(gè)瀏覽器對(duì)于 CSS 屬性和值的支持情況的一個(gè)表格。由于不同瀏覽器之間實(shí)現(xiàn) CSS 規(guī)范的方式不一定相同，因此開發(fā)者在編寫 CSS 的時(shí)候需要注意不同瀏覽器的兼容性問題。在 CSS 兼容性表中，開發(fā)者可以很方便的查看各個(gè)瀏覽器對(duì)于某個(gè)屬性或者值的支持是否一致。

/* 下面是一個(gè) CSS 兼容性表的例子 */
.table {
display: table;
}
.tr {
display: table-row;
}
.td {
display: table-cell;
}
.red {
color: red;
}
/* 下面是兼容性表格 */
屬性/值
Chrome
Firefox
Safari
IE/Edge
display: table;
√
√
√
√
display: table-row;
√
√
√
√
display: table-cell;
√
√
√
√
color: red;
√
√
√
√

在這個(gè)例子中，我們使用了一些 CSS 屬性和值，并配合一個(gè)兼容性表格來記錄各個(gè)瀏覽器對(duì)于這些屬性和值的支持情況。在實(shí)際開發(fā)中，我們可以利用現(xiàn)有的 CSS 兼容性表格來指導(dǎo)我們編寫兼容性更好的 CSS 代碼。這樣可以保證我們的網(wǎng)站在不同瀏覽器下都有更好的用戶體驗(yàn)。