发表于： 2016-04-11 23:14:01
1 1568
经过几天的学习，终于把第一个任务勉强完成，下面是我遇到的一些问题（可能在懂的人看来是比较sb的问题）：
<一>其中可能并不能支持手机，支持手机是要用到响应式布局吗？还是没能了解，希望在后期的学习中可以掌握
<二>display了解，但是在做第一个任务时也没有用到
<三>nginx安装并成功出现welcome to nginx
然而之后就又有一系列问题，在配置root后这样可以访问，这算是成功吗？
<四>上图是我的效果图。下面贴上代码，希望大家多多指教：
HTML部分：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>九宫格</title>
<link href="style5.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="box">
<div class="left">
<div class="div"></div>
<div class="div"></div>
<div class="div"></div>
</div>
<div class="center">
<div class="div"></div>
<div class="div"></div>
<div class="div"></div>
</div>
<div class="right">
<div class="div"></div>
<div class="div"></div>
<div class="div"></div>
</div>
</div>
</body>
</html>
css样式：
body{
margin: 5px;
background-color: #828282;
}
.box{
margin: 10px;
width: 320px;
height: 320px;
background-color: #FFFFFF;
padding: 18px;
}
.left{
width: auto;
height: 320px;
}
.center {
width: auto;
height: 320px;
}
.right {
width: auto;
height: 320px;
}
div.left{
float: left;
}
div.center{
float: left;
}
div.right{
float: left;
}
.div{
margin: 6px 3px;
width: 100px;
height: 100px;
border-radius: 8px;
background-color: #e8830d ;
}
<五>关于学习方法方面有些疑惑，IT修真院不支持看视频学习，最近找了一些视频资源看了确实觉得乱乱的，但是也得到了一些在看书之外的一些收获，但是如果纯粹按照修真院任务做，会不会太急于求成基础知识掌握不牢对以后学习造成影响
下一步计划：继续打牢css HTML知识，逐步了解github用法，希望可以尽快完成任务二
返回列表
评论