发表于: 2016-05-23 11:26:26
2 950
今天完成的事情: 了解了任务一关于HTML和CSS的基本知识。知道<div>文档区域、盒子模型、浮动元素float和class的相关用法。
明天计划的事情:看一下任务二的相关资料,任务一的“配置nginx”还没有搞懂!群里【JS】-003发的这两天认真看一下。
遇到的问题:1.“配置nginx”看到有点懵,2.我用<table>做九宫格时单元格之间的间距怎么改变?搞不清楚。3.是成果展示和代码链接什么意思?
收获的话就是总算知道用html做这个任务一了!!
<!doctype html>
<html>
<head>
<style>
.a{height:350px;width:350px;}
.b{height:100px;width:100px;margin:5px;border-radius:15px;float:left;background-color:#ffd700;}
</style>
</head>
<body>
<div class="a">
<div class="b"></div>
<div class="b"></div>
<div class="b"></div>
<div class="b"></div>
<div class="b"></div>
<div class="b"></div>
<div class="b"></div>
<div class="b"></div>
<div class="b"></div>
</div>
</body>
</html>
下面用<table>做的
<!DOCTYPE HTML>
<html>
<head>
<style>
.b{background-color:#ffd700;width:50px;border-radius:10px;}
</style>
</head>
<body>
<table width="240px" border="0">
<tr>
<td class="b">
<br>
<br>
<br>
<br>
</td>
<td class="b" >
</td>
<td class="b" >
</td>
</tr>
<tr>
<td class="b">
<br>
<br>
<br>
<br>
</td>
<td class="b">
</td>
<td class="b">
</td>
</tr>
<tr>
<td class="b">
<br>
<br>
<br>
<br>
</td>
<td class="b">
</td>
<td class="b">
</td>
</tr>
</table>
</body>
</html>
评论