1.样式的继承
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
/*body{
font-size: 12px;
}*/
p{
font-size: 40px;
background-color: yellow;
}
</style>
</head>
<body>
<!--
就像后代可以去继承祖先的财产一样,在HTML中后的元素也可以继承到祖先元素上的样式,
也就是为祖先元素设置的样式,也会同时应用到后代元素上
利用继承可以将后代元素上的样式,统一设置给他们祖先元素,这样只需要设置一个,就可以同时应用到多个元素上
但是并不是所有的样式都会被继承,比如:背景相关的 边框相关 宽度 高度 等都不会被继承
-->
<p>我是一个p元素<span>我是一个span元素</span></p>
</body>
</html>