在实际开发中，我们有时需要将某个CSS属性重新设置为它的默认值。大多数情况下，我们都是采用直接给一个值的方式来实现。例如浏览器默认字体颜色为黑色，如果重置color属性为默认值，我们大多数都是使用color:black;。但是很多时候，我们对元素的默认样式并不是特别清楚的，例如p元素默认会有一定的margin，但是我们并不知道默认的margin是多少。

在CSS3中，我们可以使用“initial”这个值来直接将某个CSS属性重置为它的默认值，并不需要事先这个CSS属性的默认值是多少，因为浏览器会自动设置的。

语法：

property: initial;

说明：

property是一个CSS属性名，“property:initial;”表示设置property这个属性的取值为默认值。此外，initial取值可以用于任何HTML元素上的任何CSS属性。

举例：

在线测试
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <style type="text/css">
        div{color:red;}
        #select{color:initial;}
    </style>
</head>
<body>
    <div>绿叶学习网</div>
    <div>绿叶学习网</div>
    <div id="select">绿叶学习网</div>
</body>
</html>

浏览器预览效果如下图所示。

分析：

在这个例子中，我们使用color:initial;来将color属性的取值重置为其默认值。