大学生就可以看懂的css基础实战系列，pre标签里是笔记总结，动手实际操作一下会加强理解。有疑问留言交流哦。
可能比较枯燥，但是再坚持一下，前端知识的大门就会大开了。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="bootstrap/bootstrap.css">
<style>
.div1 {
background-color: #42b983;
}
.div1 h3 {
color: red;
}
.div1 span {
background-color: wheat;
color: transparent;
}
</style>
</head>
<body>
<pre>
transparent 透明
color 字体颜色如果是transparent,看不到,只有鼠标全选才能看到.
background-color 背景色为transparent时候,和底层组件的背景色保持一致,是透明层
</pre>
<div class="div1">
<h3>transparent 透明</h3>
<span> transparent 透明</span>
</div>
</body>
</html>