前端开发样式的优先级

改变HTML样式有三种方法，元素内联，头部style写样式，和外链样式表。

一、首先我们使用三种都设置的方法查看样式：

可以看到h1的颜色被设置为Orange所以三种方法中，在元素内部设置样式的优先级最高；

二、对比style和外链样式表

可以看到h1被设置成蓝色，是style样式起作用。

最后剩下外链样式表

三、总结

这三种改变样式的方法优先级是：元素内敛>head样式>外链样式表

顺便提一下，学习前端的时候博主喜欢使用codepen在线测试工具，可视化强，使用也方便。

贴个网址：https://codepen.io，不是打广告啊。