CSS中已经过时的东西

在CSS的发展过程中，一些已经过时的属性和方法也逐渐退出了舞台，但是在一些老版本的浏览器中仍然会存在。下面我们来介绍一下一些在现代CSS中已经被淘汰的东西：

  /*以下两个属性已经被transform属性所代替*/
    div{
        /*旋转属性*/
        -ms-transform:rotate(30deg); /* IE 9 */
        -webkit-transform:rotate(30deg); /* Safari */
        transform:rotate(30deg);
        /*倾斜属性*/
        -ms-transform:skew(20deg,10deg); /* IE9 */
        -webkit-transform:skew(20deg,10deg); /* Safari */
        transform:skew(20deg,10deg);
    }

    /*border-radius属性已经可以完整替换掉之前的border-*-radius*/
    div{
        border-radius:5px 15px 5px 15px;
    }

    /*用rem代替px*/
    div{
        font-size:16px; /*px*/
    }

    div{
        font-size:1rem; /*rem*/
    }

    /*去掉多余的前缀*/
    /*例如下面这部分代码，是为了兼容不同浏览器中的渐变，但是已经被淘汰*/
    background-image: -webkit-gradient(linear, left top, right top, from(#00abeb), to(#fff), color-stop(0.5, #fff));
    background-image: -webkit-linear-gradient(left, #00abeb 0%, #fff 50%,#00abeb 100%);
    background-image: -moz-linear-gradient(left, #00abeb 0%, #fff 50%,#00abeb 100%);
    background-image: -o-linear-gradient(left, #00abeb 0%, #fff 50%,#00abeb 100%);
    background-image: linear-gradient(to right, #00abeb 0%, #fff 50%,#00abeb 100%);

    /*现在我们可以去掉前缀直接使用标准的渐变写法即可*/
    div{
        background: linear-gradient(to right, #00abeb 0%, #fff 50%,#00abeb 100%);
    } 

总的来说，在现代CSS中已经不需要用到类似上面的代码了，因为这些属性已经被废弃，而新的属性和方法已经可以更好地完成它们的功能。因此，我们要及时更新自己的知识，不停地学习，才能保持在这个飞速发展的世界中不被淘汰。