[分享]css中body的默认大小

今天我们来讲一讲CSS中body的默认大小。在网页制作中，body通常是最外层的元素，我们在给网页添加样式时，往往需要先对它进行设置。那么，body元素的默认大小是多少呢？ 我们可以通过CSS的初始值...

今天我们来讲一讲CSS中body的默认大小。在网页制作中，body通常是最外层的元素，我们在给网页添加样式时，往往需要先对它进行设置。那么，body元素的默认大小是多少呢？ 我们可以通过CSS的初始值来查看它的默认大小。在CSS中，我们可以使用通配符*来选择所有元素，然后将它们的边距、内边距和边框都设为0，看看页面会发生什么变化。这就是CSS中的reset样式。 下面是一个例子，我们将body元素的margin、padding和border都设为0，再查看页面的效果：

<style>
*{
    margin:0;
    padding:0;
    border:0;
}
</style> 

这时我们可以打开一个空白网页，然后把上面的代码复制进去。结果会发现，页面的上下左右都没有留下任何空隙，这说明body元素的默认大小确实是有一定大小的。那它到底是多少呢？

<style>
body{
    height:100%;
    width:100%;
    background-color:#999;
}
</style> 

上面的代码会将body元素的背景颜色改为灰色，并将其占满整个屏幕。这时你可以试试缩放浏览器的大小，看一看灰色背景是否一直占据着整个可视区域。