我们可以先删除掉页面上使用的这个样式表里的样式 .. 保存一下 .. 在浏览器上选中一个元素 .. 注意右边显示的在这个元素应用的样式这里 ..

有一块儿灰色背景的样式 .. 上边儿写着 user agent stylesheet .. 这其实就是浏览器默认为这个元素定义的样式 .. 这里用 font-size 设置了字号 ..

下面我们可以自己给页面上的 h1 添加点样式 .. 用一个标签选择器 .. 在它里面再用一下 font-size 设置一下它的字号 .. 比如设置成 3em ..

你会发现，页面上的这个 h1 元素，现在使用的样式是来自我们自己定义的样式表 .. 这个字号样式覆盖掉了浏览器默认给 h1 元素添加的这个字号的样式 ..

注意这里会使用一个删除线标注一下，这个样式被其它地方的样式给覆盖掉了 ...

这就说明，作为页面的设计者，我们自己给元素定义的样式，会覆盖掉浏览器默认的样式。