本节开始练习上一节的思路!1.“级联”的概念简单来说,级联就是浏览器将多个样式源进行叠加,最终确定结果的过程。举个简单的例子:上图中有两个样式源,第一个是引用的css1.css,第二个是style里面自己写的样式。“级联”是一个叠加的过程,可以用下图来表示:级联是CSS的核心机制。只有了解了它,我们才能以最经济的方式写出最容易修改的CSS,使文档的外观达到设计要求的同时,也给用户留下了一些空间,可以根据需要更改文档的显示,比如调整字体大小。——摘自《CSS设计指南》2。样式源上面说了,CSS之所以有“级联”的概念,是因为有多个样式源。实际上,css样式的来源有以下5种(从上到下,优先级从高到低),开发者只能访问以上3种。首先,浏览器的默认样式表。当你不给html设置任何样式时,b标签会显示粗体,p有垂直边距,h1字号比p大一倍……这是为什么呢?因为浏览器自带了一个默认的样式,如果在html中没有给标签设置样式,浏览器会按照自己的样式来显示。但是,浏览器默认样式的级别是最低的。一旦在其他地方设置了标签样式,浏览器默认样式将被覆盖。注意不同浏览器的默认样式有些地方是不一样的。比如我们在写css的时候,会先设置*{margin:0;填充:0;},为什么?这是因为浏览器兼容性问题。简单的,把它们都设为0,这样所有的浏览器就统一了。下一节我们会讲解默认样式,有很多值得琢磨的地方。二、用户样式表在一些新闻网站上,经常会看到一个可以设置字体大小的快捷菜单。例如,下图是搜狐新闻中的设置。其实浏览器也有这样的设置。比如在chrome浏览器中,我们可以设置字体大小和字体。用户在这里设置字体和字号后,会覆盖浏览器的默认样式。三、介绍的css文件指的是css文件,大家应该都不陌生。第四,用
