[分享]css两个版本的区别

CSS是一种用于网页设计的语言，其中最常被引用的版本是CSS2和CSS3。这两个版本虽然有很大相似之处，但也有很多差异，接下来我们将探讨它们之间的区别。CSS2： media 规则用于定义不同的媒体设...

CSS是一种用于网页设计的语言，其中最常被引用的版本是CSS2和CSS3。这两个版本虽然有很大相似之处，但也有很多差异，接下来我们将探讨它们之间的区别。

CSS2：
@media 规则用于定义不同的媒体设备上的样式表。
margin 属性不支持扩展属性，如： margin-top, margin-right, margin-bottom, margin-left。
不支持opacity属性和rgba()/hsla()函数。
无法使用媒体功能查询来判断设备尺寸。
不支持Flexbox。

CSS3：
@media 规则使用更为普及，还可用于定义打印样式。
margin 属性支持扩展属性。
支持opacity属性和rgba()/hsla()函数。
可以使用媒体功能查询来判断设备尺寸。
引入了Flexbox布局支持，这种布局方式具有灵活性。
多候选元素属性：为同一个 CSS 属性设置多个值，比如box-shadow。

综上所述，虽然CSS2和CSS3都可以用于网页设计，但CSS3更具有灵活性和适应性，因此在实际开发中还是建议使用更新版本的CSS3。