首先准备好编写的两个HTMl文件——index.html和要建立链接文件style.css
内容如下:
<html>
<head>
<title>摆弄形状</title>
<!-- 我们应该在此<head>标记中链接什么文件? -->
<link rel="stylesheet" href="./assets/css/style.css">
</head>
<body>
<div id="container">
<div id="first-row" class="row">
<div class="square"></div>
<div class="circle green"></div>
<div class="square"></div>
<div class="circle fancy"></div>
<div class="circle"></div>
</div>
<div id="second-row" class="row">
<div class="circle"></div>
<div class="square fancy"></div>
<div class="circle fancy"></div>
<div class="circle"></div>
<div class="circle fancy green"></div>
</div>
<div id="third-row" class="row">
<div class="circle"></div>
<div class="circle green"></div>
<div class="circle"></div>
<div class="square fancy"></div>
<div class="square"></div>
</div>
<div id="fourth-row" class="row">