样式来源

咱们写代码常用的就是上面三种，后两种考虑的很少，咱们来看看：

• 浏览器自定义样式
  例如chrome浏览器中，我们就可以这样设置字号和字体
  
• 浏览器默认样式
  当你不为html设置任何样式时，显示在浏览器上，b标签会显示粗体、p有纵向margin、h1字号比p大一倍……这是为什么呢？这就是因为浏览器自带一个默认的样式，咱们可以在浏览器的右下角看到这些默认样式：
  
  实例请戳：default.html

可是，每个浏览器是由不同厂商来制作的，不同浏览器甚至同一浏览器不同版本的默认样式也是不同的。这样的后果就是每个浏览器的默认样式都会是不一样的，具体请戳：IE的默认样式、WebKit的默认样式、Firefox的默认样式、HTML4默认样式、浏览器默认样式对比表，这样势必会影响我们布局页面，所以后来解决的方法就是重置样式，这里推荐几款常用重置样式表：Reset CSS ， strppd.css，normalize.css，cssreset。讲到这里咱们知道了有5种样式来源，那么它们之间的优先级如何？：

优先级按照图片顺序逐级递减，咱们知道在写代码的时候不仅要考虑这些样式来源的优先级，还得考虑选择器的优先级，那下面咱们就说说这些选择器的优先级是怎么的一个顺序，在讲选择器优先级之前，咱们先说说都有哪些选择器：CSS选择器。