发表于: 2016-01-21 16:47:39
1 3243
今天完成的事情:看完了w3school的html基础教程和css基础教程;理解了盒子模型,但运用的不是那么好;完成了task 1;页面能在手机上正常显示;学会用nginx了;给代码基本都打了注释;
明天计划的事情:完成task 2;
遇到的问题:今天花了整整一个早上看w3school,下午要着手做的时候发现无从下手,信息量太大了,似乎什么都懂了但又不知道要写什么。又花了点时间翻师兄的日报才知道要做什么,看看能不能把自己的代码放上日报,造福后代。修真院的难度不是一般的大啊,对零基础的萌新一点都不友好。
收获:明白了网页的基本制作,盒子模型,nginx;学会了翻师兄的日报(虽然很少直接放代码上去的);学会了打html和css的注释;
为什么写日报:就当养成一个好习惯吧;
代码仅供参考,抄作业对自己的提升没有任何好处;
<!DOCTYPE html> <!-- 这个东西好像是必须的-->
<html>
<head> <!-- 语言调成鹰文-->
<style type="text/css"> /* 由此开始用css语言*/
*{ /* *选择所有元素*/
margin: 5px; /* 不调外边框的话,所有的小方块都会粘在一起*/
}
.big{ /* 大框用来框住9个小方块*/
width: 350px;
height: 350px;
margin: auto; /* 外边框调成auto就可以居中了*/
}
.small{ /* 九个小方块的样子*/
width: 100px;
height: 100px;
float: left; /* 浮动,没有的话就会一列排下来*/
border-radius: 10px; /* 圆角,没有的话就是正方形*/
background-color: orange; /* 方块的颜色*/
}
</style>
</head>
<body>
<div class="big"> <!-- 先放一个大框-->
<div class="small"></div> <!-- 缩进是为了美观-->
<div class="small"></div>
<div class="small"></div>
<div class="small"></div>
<div class="small"></div>
<div class="small"></div>
<div class="small"></div>
<div class="small"></div>
<div class="small"></div>
</div>
</body>
</html>
蜜汁日报会把我的class自动去掉?害得我排版那么难看;
评论