发表于: 2016-03-06 19:42:27
3 1091
基础算是了解了一些吧,没基础真的不知该从何起手啊,再不做任务就落在后面了。。
2016.3.6
1.今天完成的事情
A:九宫格代码半写半学吧,熟悉了之后,然后自己默写了n遍,明天再复习一下下
B:说是今天完成也可以说是之前到现在一直在学基础吧,大概了解到了html与css之间的运作关系,写一些基本的网页内容,确定文本的样式,做一些“盒子模型”,怎样把元素分块再设定宽度高度等等,还有一些没有熟悉的东西,以后理解了就慢慢起来运用吧。
2.明天要做的事情
A:明天赶紧任务2
3.遇到的问题
解决的:
A:自己做九宫格时,把小格子用<span>来设置了,师兄建议改为vid,虽然结果的九宫格图没变化,但还是改掉了。
未解决:自己任务的链接怎么弄,租的云服务器??
4.项目目前的进度:
内容:九宫格
代码贴这里吧,有不对的地方快告诉我
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>九宫格</title>
<style>
.box{ /*设置大格子*/
width:350px; /*宽度*/
height:350px; /*高度*/
padding:2px; /*内边距边界,也可以没有*/
margin:0 auto; /*外边距边界*/
}
.box>div{ /*设置小格子样式*/
width:100px; /*宽度*/
height: 100px; /*高度*/
margin:2px; /*外边距边界*/
float:left; /*设置为浮动型*/
background:rgb(232,131,13); /*背景色*/
border:1px solid rgb(232,131,13); /*边框边界*/
border-radius:8px; /*圆角*/
}
</style>
</head>
<body>
<div class="box"><!-- 添加9个小格子 -->
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</body>
</html>
评论