猫史档案馆

是滴是滴，最是一个编程猫网站————————————————————————————————————————————

是真的！！！！！

这个教程有点长，我们分开来做，这是第一张

我们要做一个编程猫首页，大家知道，编程猫上面是橘色的

咱们先来做上面（用js输了）

做头部的话不用div用什么？？？？

<div id="header_top></div>

好了，我们设置好了头部标签，来看css代码↓

#header_top{
    width: 100%;//设置宽度
    height: 80px;/设置高度
    background-color: orange;//设置颜色
}

好了，头部样式搭好了我们现在插入一下编程猫的logo

<img src="logo.png">//前提要有编程猫logo，并取名为logo.png

图片插上了，但...貌似不居中啊

css代码↓

//ht ml部分：把图片装进一个教logo的div里
css↓
#logo{
	margin-top:30px;
}

居中了，先不管字，先把创作插上

<img src="imgs/photo/chuang.png>//取名为chuang.png

额，少了一个双引号...

但，他还是在左边诶

而真正的创作在右边

想把它套在一个叫make的div里

css代码

#make{
	float: right;
	margin-top: 30px;
}

好了，创作也打好了

我们下节课再讲其他的

bye~