Upgrade to Pro — share decks privately, control downloads, hide ads and more …

20141101簡報(HTML/CSS) day 03

Sammy Lin
November 21, 2014
140

20141101簡報(HTML/CSS) day 03

Sammy Lin

November 21, 2014
Tweet

Transcript

  1. 44 <div class="footer">Sammy</div> $ 5WDNKOG6GZV6JGOG瞗宾 ō ┮㚱獌ビ瞗宾2CEMCIG%QPVTQN ō 㔴桬▀叞櫦䧏 ō

    9KPFQYU獌EVTN UJKHV R ō /CE獌EOF UJKHV R ō 戙⑆KPUVCNN㕟┑2CEMCIG%QPVTQNKPUVCNN2CEMCIG硻⃬'PVGT⫘嬭 ō 㕟┑≁缙䥥6JGOG㓷EQNQTUEJGOG硻⃬'PVGT瞗宾
  2. 44 <div class="footer">Sammy</div> $ 5WDNKOG6GZV⚤勤傓䶺 • 好用的外掛及設定:http://bit.ly/1BP4r6h • 快捷鍵:http://bit.ly/1BP4SgM •

    Sublime Text 全程指南(簡):http://bit.ly/1BP5ovj • Sublime Text 手冊(中文):http://docs.sublimetext.tw/
  3. 44 <div class="footer">Sammy</div> $ %55❞⛮⚀┨ ō 㧪㏰劊䥥❞⛮ ō JGCFGTOGFKCDCPPGT ō

    ⛐⚤勤JVVRDKVN[$1;9Z ō ⛐⇆䠉㓷㤐A≧⌻%55⽍㌈幫甙㓷㤐⸱榧⛩❞⛮ ō OGFKCKOIOGFKCADQF[JGCFGTAVKVNG ō ⛐⚤勤11%555/#%55$'/粹%55㪗㲬
  4. 44 <div class="footer">Sammy</div> $ 糺⃡⛥⺗䋰缧⥉䥥櫱崎⌝ ō 㠐㛕䋰缧⥉ ō )QQING%JTQOG NCVGUV

     ō /Q\KNNC(KTGHQZ NCVGUV  ō /Q\KNNC(KTGHQZ ō 1RGTC NCVGUV  ō #RRNG5CHCTK  ō +PVGTPGV'ZRNQTGT
  5. 44 <div class="footer">Sammy</div> $ 4"44 䠉儏㙳≧⇄㧠Ⰸ㗍纝 $main_color: #d3a131 $nav_height: 26px

    ! .menu background: $main_color color: darken($main_color, 12%) ! .menu ul height: $nav_height padding: $nav_height / 2
  6. 44 <div class="footer">Sammy</div> $ 4$44 惀%55嵿㾶⃡㴄 $main_color: #d3a131; $nav_height: 26px;

    ! .menu { background: $main_color; color: darken($main_color, 12%); } .menu { ul { height: $nav_height; padding: $nav_height / 2; } }
  7. 44 <div class="footer">Sammy</div> $ ┮傕XGPFQTRTGHKZGU -webkit-transform:rotate(-3deg); /* Chrome Safari */

    -moz-transform:rotate(-3deg); /* Firefox */ -ms-transform:rotate(-3deg); /* IE */ -o-transform:rotate(-3deg); /* Opera */ transform:rotate(-3deg);
  8. 44 <div class="footer">Sammy</div> $ 8JOEPXT㸞酤 到 http://msysgit.github.io/ 下載安裝 msysgit .BD㸞酤

    到 http://sourceforge.net/projects/git-osx-installer/ 下載安裝 $ sudo port install git-core +svn +doc +bash_completion +gitweb PS ♶ꐫ涸8JOEPXO.BD涸(6*盘椚䊨Ⱘ SourceTree http://www.sourcetreeapp.com/ 7JTVBM4UVEJP㢫䱦 Git Source Control Provider http://bit.ly/1vkdA2W
  9. 44 <div class="footer">Sammy</div> $ ⚤勤傓䶺䰟⧹ ˖ 'SPOU&OE%FWFMPQFST5BJXBO ˖ IUUQTXXXGBDFCPPLDPNHSPVQTGFUX ˖

    )5.-莅$44㖈〵抓 ˖ IUUQTXXXGBDFCPPLDPNHSPVQTIUNMWF ˖ 3(#" ˖ IUUQTXXXGBDFCPPLDPNHSPVQTPQFOSHCB ˖ $IBOHFF-FBSOJOH1BUI ˖ IUUQTXXXGBDFCPPLDPNHSPVQTDIBOHFFMFBSOJOHQBUI ˖ +BWB4DSJQUUX ˖ IUUQTXXXGBDFCPPLDPNHSPVQTKBWBTDSJQUUX
  10. 44 <div class="footer">Sammy</div> $ 5COO[.KP 㢦⼦⛑甚䥥涹榥↛ ⛑䍄䧢⠧礱㧤羝峫テ粕ㄌ4CKNU9GD&GXGNQRGT #95 #OC\QP9GD5GTXKEG 7UGT)TQWRKP6CKYCP⑒⛭╖抇↛

    ! ! 5XJUUFS!4BNNZ-JO5X &NBJMTBNNZMJOUX!HNBJMDPN "CPVU.FIUUQBCPVUNFTBNNZMJO #-0(IUUQCMPHTBNNZMJOUX (JU)VCIUUQTHJUIVCDPN4BNNZ-JO
  11. 44 <div class="footer">Sammy</div> $ 5COO[.KP 㢦⼦⛑甚䥥涹榥↛ ⛑䍄䧢⠧礱㧤羝峫テ粕ㄌ4CKNU9GD&GXGNQRGT #95 #OC\QP9GD5GTXKEG 7UGT)TQWRKP6CKYCP⑒⛭╖抇↛

    ! ! 5XJUUFS!4BNNZ-JO5X &NBJMTBNNZMJOUX!HNBJMDPN "CPVU.FIUUQBCPVUNFTBNNZMJO #-0(IUUQCMPHTBNNZMJOUX (JU)VCIUUQTHJUIVCDPN4BNNZ-JO