CSS3 简介我们常说的 CSS 是指 CSS2.1 的内容，而 CSS3 特指相对于 CSS2.1 增加的内容，在 C

一、CSS3 简介

我们常说的 CSS 是指 CSS2.1 的内容，而 CSS3 特指相对于 CSS2.1 增加的内容，在 CSS3 中，新增了大量属性，不仅可以让页面更炫酷，更能够提高网站的可维护性和性能速度。

CSS3 新增内容有：新选择器、文本样式、颜色样式、边框样式、背景样、变形、过渡、动画、多列布局、弹性布局、用户界面。

二、浏览器私有前缀

由于 CSS3 新增的有些属性尚未构成 W3C 标准的一部分，因此对于这些属性来说，部分浏览器只能识别带有自身私有前缀的属性，部分私有前缀如下：

私有前缀	浏览器
-webkit-	Chrome 和 Safari
-moz-	Firefox
-ms-	IE
-o-	Opera

比如要实现边框阴影效果： box-shadow:5px 5px 10px red，但是并非所有浏览器都能识别这个属性，为了让所有浏览器都能正常显示阴影效果，我们要这样写：

    box-shadow:5px 5px 10px red；
    -webkit-box-shadow:5px 5px 10px red;
    -moz-box-shadow:5px 5px 10px red;
    -ms-box-shadow:5px 5px 10px red;
    -o-box-shadow:5px 5px 10px red;

现在主流浏览器的最新版本对于 CSS3 都比较友好，大多数属性都不用去做兼容处理。

Q&A ：

对于 IE 浏览器来说，暂时只有 IE9 及以上版本支持 CSS3 属性，如何兼容 IE6-IE8 呢？

可以借助 ie-css3.htc 这个扩展文本来实现，用法如下：

    div{
        behavior:url(ie-css3.htc);
        border-radius:15px;
    }

在使用这个扩展文本时，当前元素一定要有定位属性，否则扩展文本不生效；此扩展文本支持的 CSS3 属性有限，暂时只支持 border-radius、box-shadow、text-shadow 属性。

怎样兼容 360、搜狗、QQ 浏览器呢？

这些浏览器的内核和主流浏览器的内核是一样的，所以在使用时加上前缀就好。