CSS小技巧

clearfix 方式

在最後一個元素塞clear: both

• 背景(background)和邊界(border)不會被展延
• div順序移動會影響原先設計

在最後面塞空的div，並指定clear: both屬性

• 需要塞一個空的元素
• 多了額外無用的元素

在父元素處理(較佳)

參考資料

• CSS Tricks
• CSS display 屬性
• CSS content 屬性

CSS好用工具整理

CSS參數搜尋整理

http://www.dochub.io/#css/

Windows7安裝Sass及Compass環境

安裝Sass

• 下載Ruby安裝檔，安裝過程中將ruby設為環境變數

• 在windows的命令提示字元中輸入「 gem install sass 」進行安裝

C:\Users\kejyun>gem install sass
Fetching: sass-3.2.1.gem (100%)
Successfully installed sass-3.2.1
1 gem installed
Installing ri documentation for sass-3.2.1...
Installing RDoc documentation for sass-3.2.1...
C:\Users\KeJyun>

• 安裝完畢後輸入命令「sass --watch 目標檔.sass:編譯檔.css」即可對「目標檔.sass」進行監控，並即時將結果輸出至「編譯檔.css」

安裝Compass