样式的层叠 - 自定义的样式比默认的更优先

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

国庆活动:订阅年付会员送 6 个月,重订、续订送 12 个月。订阅 →

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

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

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

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

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

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

样式的层叠 - 自定义的样式比默认的更优先《 CSS:样式语言 》

统计

11228
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点