样式来源

这里写图片描述
咱们写代码常用的就是上面三种,后两种考虑的很少,咱们来看看:

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

可是,每个浏览器是由不同厂商来制作的,不同浏览器甚至同一浏览器不同版本的默认样式也是不同的。这样的后果就是每个浏览器的默认样式都会是不一样的,具体请戳:IE的默认样式WebKit的默认样式Firefox的默认样式HTML4默认样式浏览器默认样式对比表,这样势必会影响我们布局页面,所以后来解决的方法就是重置样式,这里推荐几款常用重置样式表:Reset CSSstrppd.cssnormalize.csscssreset。讲到这里咱们知道了有5种样式来源,那么它们之间的优先级如何?:
这里写图片描述
优先级按照图片顺序逐级递减,咱们知道在写代码的时候不仅要考虑这些样式来源的优先级,还得考虑选择器的优先级,那下面咱们就说说这些选择器的优先级是怎么的一个顺序,在讲选择器优先级之前,咱们先说说都有哪些选择器:CSS选择器

猜你喜欢

转载自blog.csdn.net/cuishizun/article/details/81979776