这里涉及到CSS层叠和继承的原理的。

首先，我们知道CSS是一个层叠样式表，所谓层叠（cascade）就是我们在给html元素设置rule的时候，可能会设置多个rule，这样到底我们元素需要显示哪个rule呢？这就运用到层叠的原理了，层叠给每一个rule分配一个重要度，一样ID选择器的重要度比较高（特殊性比较高），而类型选择器的重要度（特殊性）最低。重要度越大的rule就将得到显示。

其次，body{}，这儿的body是一个类型选择器，他的重要度（特殊性）是很低的，任何其他选择器（类选择器、伪类选择器、ID选择器、行内样式）的重要度都比类型选择器高。这儿我们还需要理解“继承”的概念，所谓继承就是后代元素会继承祖先元素的一些样式，如字体大小颜色等。也就是说，body中的div元素将继承body的一些rule。我们只要在body子元素选择上使用重要性（特殊性）比body高的选择器，我们就能达到对body设置的规则掩盖的效果。

最后，我们设置body{ font-size:16px;}，意思就是如果没有其他规则掩盖的情况下，body中的字体将以16px显示，当然有些标签如<h>标签，浏览器样式表设置了<h>标签的字体大小，因此，他不再继承body的规则。

希望我的答案对你有帮助。如有错误，欢迎指正。

font-size是设置body里面字体的大小的，去掉之后对结果没有影响，不过字体的大小就显示的是系统默认大小了