使用方法:
1、head引入css文件
<link rel="stylesheet" href="css/style.css">
2、body引入HTML代码
<div class="space">
<div class="space__star space__star--shooting"></div>
<div class="space__star space__star--1 space__star--small"></div>
<div class="space__star space__star--2 space__star--small"></div>
<div class="space__star space__star--3 space__star--small"></div>
<div class="space__star space__star--4 space__star--medium"></div>
<div class="space__star space__star--5 space__star--small"></div>
<div class="space__star space__star--6 space__star--small"></div>
<div class="space__star space__star--7 space__star--big"></div>
<div class="space__star space__star--8 space__star--medium"></div>
<div class="space__star space__star--9 space__star--small"></div>
<div class="space__star space__star--10 space__star--small"></div>
<div class="space__star space__star--11 space__star--small"></div>
<div class="space__star space__star--12 space__star--medium"></div>
<div class="space__star space__star--13 space__star--small"></div>
<div class="space__star space__star--14 space__star--big"></div>
<div class="space__star space__star--15 space__star--small"></div>
<div class="space__star space__star--16 space__star--medium"></div>
<div class="space__star space__star--17 space__star--small"></div>
<div class="space__star space__star--18 space__star--small"></div>
<div class="space__star space__star--19 space__star--small"></div>
<div class="space__star space__star--20 space__star--medium"></div>
<div class="space__star space__star--21 space__star--big"></div>
<div class="space__star space__star--22 space__star--small"></div>
<div class="space__star space__star--23 space__star--small"></div>
<div class="space__star space__star--24 space__star--medium"></div>
<div class="space__star space__star--25 space__star--small"></div>
<div class="space__star space__star--26 space__star--small"></div>
<div class="space__star space__star--27 space__star--small"></div>
<div class="space__star space__star--28 space__star--medium"></div>
<div class="space__star space__star--29 space__star--small"></div>
</div>
<div class="moon">
<div class="love">
<div class="love__heart love__heart--1"></div>
<div class="love__heart love__heart--2"></div>
<div class="love__heart love__heart--3"></div>
</div>
<div class="moon__container">
<div class="moon__crater moon__crater--1 moon__crater--small"></div>
<div class="moon__crater moon__crater--2 moon__crater--small"></div>
<div class="moon__crater moon__crater--3 moon__crater--small"></div>
<div class="moon__crater moon__crater--4 moon__crater--medium"></div>
<div class="moon__crater moon__crater--5 moon__crater--medium"></div>
<div class="moon__crater moon__crater--6 moon__crater--big"></div>
<div class="moon__face">
<div class="moon__eye moon__eye--left"></div>
<div class="moon__eye moon__eye--right"></div>
<div class="moon__cheek moon__cheek--left"></div>
<div class="moon__cheek moon__cheek--right"></div>
<div class="moon__smile"></div>
</div>
</div>
</div>