发表于： 2018-06-19 23:35:12
1 692
今天完成的事情：学会了上传文件到GitHub；
写出了一个九宫格，代码：
#nav {
background-color:yellow;
height:25%
width:25%;
float:left;
padding:245px;
margin:5px;
}
</style>
百分比好像因为边距的原因只能调到25%，不然就会因为浮动而跳行
效果图：
网页再往下划就是，还不懂调框的大小
后面看了一些定义，发现可以定义一个框子，就像这样：
body{
width:1000px;
height:1000px;
border:2px solid red
}
#nav {
background-color:yellow;
height:25%
width:25%;
float:left;
padding:161px;
margin:5px;
}
</style>
在<style>里定义body，然后会出现一个框，在框内我再进行调节就可以得到九宫格。
图如下：
框稍微大了些，下面看不到了，这样就完成了一个类似九宫格的东西，就是感觉边框的百分比分布不是很均匀，右边空隙明显更大，我的代码应该还存在不少问题，不过暂时能凑一个九宫格出来
明天要做的事：把九宫格的问题都搞清楚，再了解css中元素最大最小的问题，理解一些标签像素和百分比之间的区别及应用
遇到的问题：基础不牢，容易忘，对css盒子模型的理解还不够深入。感觉GitHub很卡，一直http400是什么操作？一直上传不了。。。没办法了
收获：九宫格能弄出来了，GitHub能用了
返回列表
评论