发表于: 2018-08-22 22:35:44

1 647


今天完成的事情:(一定要写非常细致的内容,比如说学会了盒子模型,了解了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%;
}


明天计划的事情:(一定要写非常细致的内容) 

明天重新复习一下,争取一些东西自己独立的完成
遇到的问题:(遇到什么困难,怎么解决的) 

遇到了关于百分比的问题,在师兄用手把手画了百分比模型出来以后才逐渐的理解了,但是还是有一些疑问,没有去真正的理解到位
收获:(通过今天的学习,学到了什么知识)

收获了关于部分百分比,还有盒子模型的新的一个理解,现在缺乏的就是英语的知识


返回列表 返回列表
评论

    分享到