前端学习路线（2）——Git使用、DIV+CSS布局

Git使用、DIV+CSS布局

1. Git使用

• 链接：
  • git下载链接：git for windows(下载速度可能比较慢)
  • github官网：github
  • git教程：廖雪峰的git教程
• 任务：
  • 学会git的基本操作：git init git status git add git commit git branch git checkout git push git pull git diff git log
  • 将上节的练习代码上传到github上，以后的所有代码都需要上传到github上面，利用起git的仓库管理功能，每天都可以将自己的代码push上去（能显示你整个项目的进度）

2. DIV+CSS布局

• 链接：
  • CSS布局：学习CSS布局（尽量不要用box-size，个人认为）
  • 前端面试之CSS总结：前端面试之CSS总结
  • CSS基本布局例子：CSS基本布局例子 Little Books
• 知识点：
  • 宽度、高度的百分比、自适应以及最高最低限制
  • 浮动与消除浮动
  • 绝对定位、相对定位、固定定位
  • 圣杯布局以及双飞翼布局
• CSS的布局没有死板的固定的几种，上面的都只是基础，具体的布局要看设计稿，要灵活地运用到相关的布局知识

3. 练习

1. 实现圣杯布局以及双飞翼布局

2. 按照以下设计图实现网站

   
   
   设计稿
   
   
   设计稿（标注）
   
   
   

   banner
   
   
   

   github logo