第二章：第13节 CSS继承性、优先级、引入方法
更新于：2016-12-21 20:02:22
学完前几节课的CSS属性，基本上我们就把一些基本常用的CSS属性学完了。楠神提供的CSS手册是一个低版本的手册，其实有好多新的CSS属性都没有，像一些透明属性、渐变属性……对CSS感兴趣的朋友可去网上搜索更高级的CSS教程。CSS最后几节课楠神不讲新属性了，而是拓展CSS其他的知识。
提示：好多浏览器都有开发者工具，按“F12”就会出来，这种工具对我们程序员做页面、做程序都是很有帮助的。
CSS继承性
一个HTML文档，是有一定结构的，因此又称为“结构化文档”。
内层HTML元素，将继承外层HTML标记的样式。
多个外层的HTML元素的样式，最终将叠加到内层标记上。
<body>是其它所有元素的根元素，那么<body>中的样式，将会被其它的子元素继承。
究竟有哪些CSS属性，可以被继承呢？
一般来说，CSS文本属性、CSS字体属性都会被继承，其它属性不会继承。
举例：
color、font-size、font-family、font-style、font-weight、line-height、text-indent、letter-spacing、word-spacing
text-decoration、text-align等
CSS优先级
一个HTML元素可以被很多CSS属性在不同的地方指定样式，当某些样式重复了，它会选择哪个CSS属性？
当同一个 HTML 元素被不止一个样式定义时，会使用哪个样式呢？
一般而言，所有的样式会根据下面的规则层叠于一个新的虚拟样式表中，其中数字 4 拥有最高的优先权。
1、浏览器缺省设置
2、外部样式表
3、内部样式表（位于 <head> 标签内部）
4、内联样式（在 HTML 元素内部）
因此，内联样式（在 HTML 元素内部）拥有最高的优先权，这意味着它将优先于以下的样式声明： 标签中的样式声明，外部样式表中的样式声明，或者浏览器中的样式声明（缺省值）。
提示:如果你使用了外部文件的样式在 <head>中也定义了该样式，则内部样式表会取代外部文件的样式。
HTML引入CSS的方法
第一种：内嵌式
通过<style>标记来引入CSS代码，<style>标记一般放在<head>标记。
这种方法写的CSS代码，只能对当前网页起作用。该CSS代码不能共享给其它网页。
<style type=“text/css”>
body{
Margin:0px;
Padding:0px;
}
</style>
第二种：外链式
可以将公共的CSS代码，存放到一个.css文件，然后通过<link>标记引入进来。
这种方法写的CSS代码，可以被其它网页共享使用。
<link>标记也是放在<head>标记中的。
<link rel=“stylesheet” href=“css/public.css” type=“text/css” />
第三种：行内式
每个标记都有一个公共属性style，这个style就是给某个标记添加样式的。
当CSS代码不多时，可以使用style属性。如果CSS代码很多，则定义类样式。
行内样式的优先级比较高。
<h2 style=“color:#FF0000;text-align:center;border:2px solid #FF00FF;”>北京</h2>