第一阶段

任务三: 三栏式布局
任务四: 定位和居中问题
任务五: 零基础HTML及CSS编码(二)
任务六: 通过HTML及CSS模板报纸排版
任务七: 实现常见技术产品官网的页面架构及样式布局
任务九: 使用HTML/CSS实现一个复杂页面

第二阶段

任务十三: 零基础JavaScript编码(一)
任务十四: 零基础JavaScript编码(二)
任务十五: 零基础JavaScript编码(三)
任务十六: 零基础JavaScript编码(四)
任务十七: 零基础JavaScript编码(五)
任务十八：基础JavaScript编码(一)
任务十九：基础JavaScript编码(二)
任务二十：基础JavaScript编码(三)
任务二十一：基础JavaScript练习(四)
任务二十二：JavaScript和树(一)
任务二十三：JavaScript和树(二)

清浮动

1
2
3
4

<div id="container">
	<div id="content"></div>
	<div id="sidebar"></div>
</div>

子元素是浮动的，清除浮动让父元素能够包住的办法有二:

1
2
3
4
5

.container:before,container:after{
	content="";
	display:block;
	clear:both;
}

1
2
3
4

.container{
	overflow:auto;
	zoom:1;//兼容IE6
}

Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.

Quick Start

Create a new post

1

$ hexo new "My New Post"

More info: Writing

Run server

1

$ hexo server

More info: Server

Generate static files

1

$ hexo generate

More info: Generating

Deploy to remote sites

1

$ hexo deploy

More info: Deployment