发表于： 2018-06-15 20:05:03
2 656
今天完成的事：最近上班时间比较混乱，但还是坚持抽空学习了html+css的基础，简单的网页布局，对要制作的网页的构思方法，position的定义。开始初步接触九宫格模型，并建立第一个模型样本，在该样本中应用了结构和样式分离的思考方法。
明天要做的事：学习搭建环境，并对今天的问题进行深一步的思考
遇到的问题：不会搭建环境，块状元素的大小在网页中自适应任然没有头绪。
收获：对html有了初步的认识，能简单的模仿一些网页，如：百度首页、贴吧的发帖界面等简单的界面
请师兄帮忙看下这段九宫格代码有什么错误：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>九宫格</title>
<style>
*{
margin: 0;
padding: 0;
}
body{
width: 100%;
height: 100%;
}
div{
width: 10%;
height: 10%;
margin: 1%;
border: 1% solid #CCC;
background-color: black;
float: left;
left: 1%;
top: 1%;
}
</style>
</head>
<body>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
</body>
</html>
返回列表
评论