Git使用、DIV+CSS布局

1. Git使用

• 鏈接：
  • git下載鏈接：git for windows(下載速度可能比較慢)
  • github官網(wǎng)：github
  • git教程：廖雪峰的git教程
• 任務(wù)：
  • 學(xué)會(huì)git的基本操作：git init git status git add git commit git branch git checkout git push git pull git diff git log
  • 將上節(jié)的練習(xí)代碼上傳到github上，以后的所有代碼都需要上傳到github上面，利用起git的倉庫管理功能，每天都可以將自己的代碼push上去（能顯示你整個(gè)項(xiàng)目的進(jìn)度）

2. DIV+CSS布局

• 鏈接：
  • CSS布局：學(xué)習(xí)CSS布局（盡量不要用box-size，個(gè)人認(rèn)為）
  • 前端面試之CSS總結(jié)：前端面試之CSS總結(jié)
  • CSS基本布局例子：CSS基本布局例子 Little Books
• 知識(shí)點(diǎn)：
  • 寬度、高度的百分比、自適應(yīng)以及最高最低限制
  • 浮動(dòng)與消除浮動(dòng)
  • 絕對(duì)定位、相對(duì)定位、固定定位
  • 圣杯布局以及雙飛翼布局
• CSS的布局沒有死板的固定的幾種，上面的都只是基礎(chǔ)，具體的布局要看設(shè)計(jì)稿，要靈活地運(yùn)用到相關(guān)的布局知識(shí)

3. 練習(xí)

1. 實(shí)現(xiàn)圣杯布局以及雙飛翼布局

2. 按照以下設(shè)計(jì)圖實(shí)現(xiàn)網(wǎng)站

   
   
   設(shè)計(jì)稿
   
   
   設(shè)計(jì)稿（標(biāo)注）
   
   
   banner
   
   
   github logo