发表于： 2016-08-21 12:31:03
8 1525
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>Twilight Tavern</title>
</head>
<style type="text/css">
*{margin:0px;padding: 0px;}
#box{
border: 5px solid gold;
width: 400px;
height: 400px;
margin:100px auto;
border-radius:70px 15px 70px 15px;
}
.box1{
width: 30%;
height: 30%;
float: left;
margin: 2.5% 0 0 2.5%;
border-radius: 50% 50% 50% 50%;
background-color:orange;
}
</style>
<body>
<body bgcolor="#091a2d">
<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>
【昨天和今天完成的事情】
装webstorm、sublime、各种浏览器等+看资料视频+w3school等
配置Nginx（知乎上https://www.zhihu.com/question/41430703?from=profile_question_card；打开“闪退”不是问题，在进程里找）
了解盒子模型；了解margin，padding，border-radius（设定值顺序按顺时针，border-radius在IE8中不行）；
参考别人的代码，每条弄清楚，看资料，写代码，调试
【明天计划的事情】
持续性的看资料，任务2，作死
【遇到的问题】
第一天遇到的问题太多了，基本百度+知乎+日报都可以解决
【收获】
总算切入战场了！
九宫格用意？
九宫格基本布局 http://www.68design.net/Web-Guide/HTMLCSS/43758-1.html
返回列表
评论