CSS-浏览器支持参考

在进行Web开发时，我们通常需要考虑不同浏览器对CSS的支持情况，因为不同的浏览器在渲染页面时可能会有细微的差别，所以我们需要了解哪些CSS属性和值得到了当前主流浏览器的支持。

下面是一些常用的CSS属性和值的浏览器支持情况参考。

文本属性

包括字体、颜色、文本装饰等

| 属性/值 | Chrome | Firefox | IE/Edge | Safari | | :-----: | :----: | :-----: | :----: | :----: | | font-family | ✔ | ✔ | ✔ | ✔ | | font-size | ✔ | ✔ | ✔ | ✔ | | font-weight | ✔ | ✔ | ✔ | ✔ | | font-style | ✔ | ✔ | ✔ | ✔ | | color | ✔ | ✔ | ✔ | ✔ | | text-align | ✔ | ✔ | ✔ | ✔ | | text-decoration | ✔ | ✔ | ✔ | ✔ | | text-transform | ✔ | ✔ | ✔ | ✔ |

盒模型属性

包括宽高、边框、内外边距等

| 属性/值 | Chrome | Firefox | IE/Edge | Safari | | :-----: | :----: | :-----: | :----: | :----: | | width | ✔ | ✔ | ✔ | ✔ | | height | ✔ | ✔ | ✔ | ✔ | | max-width | ✔ | ✔ | ✔ | ✔ | | max-height | ✔ | ✔ | ✔ | ✔ | | border | ✔ | ✔ | ✔ | ✔ | | margin | ✔ | ✔ | ✔ | ✔ | | padding | ✔ | ✔ | ✔ | ✔ | | box-sizing | ✔ | ✔ | ✔ | ✔ |

定位属性

包括相对和绝对定位、浮动

| 属性/值 | Chrome | Firefox | IE/Edge | Safari | | :-----: | :----: | :-----: | :----: | :----: | | position | ✔ | ✔ | ✔ | ✔ | | top | ✔ | ✔ | ✔ | ✔ | | right | ✔ | ✔ | ✔ | ✔ | | bottom | ✔ | ✔ | ✔ | ✔ | | left | ✔ | ✔ | ✔ | ✔ | | float | ✔ | ✔ | ✔ | ✔ | | clear | ✔ | ✔ | ✔ | ✔ |

其他属性

包括背景、列表、动画

| 属性/值 | Chrome | Firefox | IE/Edge | Safari | | :-----: | :----: | :-----: | :----: | :----: | | background | ✔ | ✔ | ✔ | ✔ | | list-style | ✔ | ✔ | ✔ | ✔ | | animation | ✔ | ✔ | ✔ | ✔ |

以上是一些常用的CSS属性和值的浏览器支持情况参考。需要注意的是，不光是不同浏览器会有差异，不同版本的同一浏览器对CSS的支持也可能会有所不同，因此在实际开发中我们需要时刻关注当前主流浏览器的支持情况，以保证页面的兼容性。