<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>CSS样式特性</title>
<style >
/* 1.继承性 */
body{
font-family: "宋体","黑体"，"文泉驿正黑"
}
/*2.层叠性 设置不同的声明，效果会叠加 */
h1{
color: red; font-size: 50px;
}
/* 3.优先级 设置相同的声明，以后这为准 ，也叫就近原则 */
h2{
color: green;
}
/**/
h2{
color: yellow;
}
</style>
</head>
<body>
<h1>孙悟空</h1>
<h2>猪八戒</h2>
</body>
</html>
原文：http://www.cnblogs.com/Bighua123/p/7580681.html