发表于： 2016-05-23 18:29:47
4 966
今天完成的事情：
第一次写就把之前几天漏的全写上吧。
经过几天的学习，了解了以下内容：
div布局
float
margin
border
padding
inline及border-radius。并在今天终于把九宫格做出来了！
明天计划的事情：
明天继续深入学习CSS及Html的语义标签。
遇到的问题：
遇到了一下几个问题，现在还没解决：
1.支持手机怎么做到？
2.兼容性通过F12调试是什么意思？怎么调试？
收获：
学到的知识太多了，最重要的一点就是只要自己想改变就一定能做到。
端正心态，坚持去做就可以了！
以下为我写的九宫格代码，请指正：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>九宫格</title>
<style>
div{
margin:0px auto;
}
#cont{
width: 175px;
height: 175px;
background: gray;
}
.radius{
padding-left: 4px;
padding-bottom: 4px;
width: 50px;
height: 50px;
float: left;
border-radius: 5px;
background: orange;
margin:2px;
}
</style>
</head>
<body>
<div id="cont">
<div class="radius"></div>
<div class="radius"></div>
<div class="radius"></div>
<div class="radius"></div>
<div class="radius"></div>
<div class="radius"></div>
<div class="radius"></div>
<div class="radius"></div>
<div class="radius"></div>
</div>
</body>
</html>
返回列表
评论