继承性：一定有标签的嵌套关系存在。 文字颜色：color可以实现继承； 源码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-
继承性：一定有标签的嵌套关系存在。
文字颜色：color可以实现继承；
源码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>02</title>
<style>
body {
background-color: #ccc;
}
div {
color: #0f0;
}
</style>
</head>
<body>
<div>
<p>yardbaby</p>
</div>
</body>
</html>
效果图：
文字大小：font-size可以实现继承；
源码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>02</title>
<style>
body {
background-color: #ccc;
}
div {
color: #0f0;
font-size: 24px;
}
</style>
</head>
<body>
<div>
<p>yardbaby</p>
</div>
</body>
</html>
效果图：
行高：line-height可以实现继承；
源码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>02</title>
<style>
body {
background-color: #ccc;
}
div {
height: 100px;
color: #00f;
font-size: 24px;
border: 1px solid #000;
line-height: 100px;
}
</style>
</head>
<body>
<div>
<p>yardbaby</p>
</div>
</body>
</html>
效果图：
在块级元素中，width可以实现继承；
子元素是块级元素：
源码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>02</title>
<style>
body {
background-color: #ccc;
}
div {
height: 100px;
color: #00f;
font-size: 24px;
border: 1px solid #000;
line-height: 100px;
}
</style>
</head>
<body>
<div>
<p>yardbaby</p>
</div>
</body>
</html>
效果图：
注释：我并没有给div设置width，但是div有width，原因是div继承了body的width。
子元素是行内元素：
源码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>02</title>
<style>
body {
background-color: #ccc;
}
div {
height: 100px;
color: #00f;
font-size: 24px;
border: 1px solid #000;
line-height: 100px;
}
</style>
</head>
<body>
<div>
<span>yardbaby</span>
</div>
</body>
</html>
效果图：
注释：如上图源码所示，div中的span不能继承div的width，足以说明若子元素是行内元素，子元素不能继承父元素的width。
子元素是行内块元素：
源码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>02</title>
<style>
body {
background-color: #ccc;
}
div {
height: 100px;
color: #00f;
font-size: 24px;
border: 1px solid #000;
line-height: 100px;
}
span {
display: inline-block;
}
</style>
</head>
<body>
<div>
<span>yardbaby</span>
</div>
</body>
</html>
效果图：
注释：当我把span变成行内块元素，但是span还是不能继承div的width。以上所综述，子元素能继承父元素的width，子元素必须是块级元素。
总结：所有涉及文字大小、字体、颜色。。。都可以实现继承。
特例：
超链接a标签不能继承文字颜色（自己的颜色给父元素中的颜色层叠掉）；
标题标签不能继承font-size。
