css中的padding的作用是什么？求解
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>marquee滚动效果</title>
</head>
<style type="text/css">
*{
padding: 0;
margin:0;
}
.box{
width: 500px;
border:3px solid #ccc;
margin:50px auto 0;
padding: 10px;
}
</style>
<body>
<div class="box">
<dl>
<dt>文字滚动事例：</dt>
<dd><marquee>marquee默认向左滚动。。。。</marquee></dd>
</dl>
<dl>
<dt>文字滚动事例（向右）：</dt>
<dd><marquee direction="right" scrolldelay="500">我向右滚动。。。</marquee></dd>
</dl>
<dl>
<dt>文字滚动事例（默认方向，滚动方式为alternate，循环3次，速度为2）：</dt>
<dd><marquee></marquee></dd>
</dl>
</div>
</body>
</html>
