前端學習路線（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