今天完成的事情：（一定要写非常细致的内容，比如说学会了盒子模型，了解了Margin）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<link rel = "stylesheet" type = "text/css" href = "a.css"></link>
<body>
<h1>内容1</h1>
<h1>内容2</h1>
<span>内容3</span>
<span>内容4</span>
</body>
</html>
这段和
h1{
background-color: pink;
}
span{
background-color: red;
}
和这一段的代码让我敲出来了这样的
，然而我第一次写的话收，是在内容1和2上面用的div的标签，然后字体就很小，而且也是没有了中间的那个空出来的部分，后来我用了h1的标签才空出来了，这应该就是h1的标签作用吧，后来在师兄的指导下，我写出了任务一。我现在准备自己单独写一份任务一出来，这是在师兄的指导下写出来的
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<link rel = "stylesheet" type = "text/css" href = "b.css"></link>
<body>
<div class="one"></div>
<div class="one"></div>
<div class="one"></div>
<div class="one"></div>
<div class="one"></div>
<div class="one"></div>
<div class="one"></div>
<div class="one"></div>
<div class="one"></div>
</body>
</html>
body{
margin: 0;
}
.one{
width:31.3%;
float: left;
background-color:orange;
padding-top:31.3%;
margin: 1%;
}
明天计划的事情：（一定要写非常细致的内容）
明天重新复习一下，争取一些东西自己独立的完成
遇到的问题：（遇到什么困难，怎么解决的）
遇到了关于百分比的问题，在师兄用手把手画了百分比模型出来以后才逐渐的理解了，但是还是有一些疑问，没有去真正的理解到位
收获：（通过今天的学习，学到了什么知识）
收获了关于部分百分比，还有盒子模型的新的一个理解，现在缺乏的就是英语的知识
返回列表
评论