---
# System prepended metadata

title: Hahow 課程/動畫互動網頁特效入門

---

# Codepen平台介紹與基礎
## Setting
> keybindings>sublime text(編輯時可出現快捷鍵)
> preprofessor>prefixing(解決跨瀏覽器css相容問題)
> emmet>勾選active(使用程式碼縮寫語法)
    > editor options>勾選autocompelet(主動建議常用且很長的命令)

## 複製文件到新文件中
> 按右上角fork


# sublime快捷鍵運用
> command+d 多重選取（Mac)/ ctrl+d (windows)
> alt+右（使游標移至當行的最後）
> command+f 搜尋（Mac)/ ctrl+f (windows)


# Css運用補充
## float
>內層float設定完後，在外層包一個class設定overflow:hidden可以撐高容器高度，並在增加多個float之後，可以繼續往右並排


