哈喽大家好，我是作者“未来”，本期分享的内容是Web前端系列课程，本系列总共29个阶段，坚持学习3个月蜕变为Web前端高手哦！
志同道合的小伙伴跟我一起学习交流哦！
第二阶段 CSS3
14 学成网案例-上
1 学成网准备工作
案例练习目的是总结以前的CSS和HTML 还有ps的使用。
制作步骤：
1 准备相关文件(样式结构相分离)html文件(统一命名为index.html为主页) 图片文件。
2 准备CSS初始化，书写结构和样式。
2 学成网案例分析
我们将做的项目是这个样子：
接下来我们第三步是要确定版心和各个模块
这张图是在浏览器中保存的，保存下来后，我们就可以通过ps软件进行测量了，选框工具可以用来测量宽度和高度，测得的高度是1200像素。
3 调整头部的宽度
这块宽度是可以自由调整的，比如你的屏幕比较宽，可以调宽点，比较美观。这里定为1366像素。
4 logo和 navbar部分开始
根据相关性把这块儿分成4个部分
1 Logo切片保存
2 导航部分navbar，这三个是链接，我们不能只用a来做，得用li把a包起来(a是行内元素，中间两个之间有缝隙，li浮动起来后中间没有缝隙)同时这样方便后台交互。约定 以后导航栏部分都用li来做。
5 logo和 naval结束
6 search开始
7 search结束
8 banner制作开始
9 给 banner添加背景图片
10 侧边栏结构搭建
11 侧边栏制作结束
12 小课表上
13 小课表中
14 小课表下
15 精品推荐上
16 精品推荐下
看不懂的小伙伴不要气馁，后续的分享中将持续解释，只要你跟着我分享的课程从头到尾去学习，每篇文章看三遍，一个月后，回过头来看之前的文章就会感觉简单极了。
本章已结束！
