发表于： 2016-08-24 23:21:29
6 1329
今天完成的事情：（一定要写非常细致的内容，比如说学会了盒子模型，了解了Margin）
- 把盒子模型做出来了;可以正常使用webstorm、nginx；F12调试没怎么看教程；适应手机不知道怎么适应。
- 了解了#box和.box等css基础语法；display的内容；对齐的方式。
- 把css放外部了，太少了，没感觉更方便。
明天计划的事情：（一定要写非常细致的内容）
上午看一下F12调试的教程，开始任务2，有时间复习基础语法。
遇到的问题：（遇到什么困难，怎么解决的）
因为有例子，一边默写一边百度，就有进度了。
收获：（通过今天的学习，学到了什么知识）
完成了任务一；有学习的头绪了；
网页图：
代码：css
*{
margin:0;
padding:0;
}
#box{
border:3px solid darkgray;
margin:15px auto;
padding:15px;
height: 390px;;
width: 390px;
}
.box1{
height: 120px;
width: 120px;
margin:5px;
float: left;
background-color:orange;
border-radius: 5px;
text-align: center;
}
.inline{
display: inline;
background-color: red;
}
html
<!DOCTYPE HTML>
<html>
<head lang="zh">
<meta charset="UTF-8">
<title>九宫格</title>
<link rel="stylesheet " type="text/css" href="task1.css"/>
</head>
<body>
<h2 align="center">
我的
<span class="inline">
第一个
</span>
任务
</h2>
<div id="box">
<div class="box1"></div>
<div class="box1"></div>
<div class="box1"></div>
<div class="box1"></div>
<div class="box1"></div>
<div class="box1"></div>
<div class="box1"></div>
<div class="box1"></div>
<div class="box1"></div>
</div>
</body>
</html>
返回列表
评论