什麼是Sprites? 請參考W3C CSS Image Sprites 範例
簡單來說，就是使用一張大圖片，利用位移方式顯示想要的圖案 好處就是減少HTTP Request次數(一張圖片就是發起一次HTTP Request)
網路上有現成的工具可以使用 CSS Sprites generator 這個工具非常方便，可以自動幫你產生圖檔和CSS文件
(繼續閱讀...)

大尾碎碎唸 發表在 痞客邦 留言(0) 人氣()

  • 個人分類： CSS
▲top
compass tree
Scss是一套可程式化撰寫CSS的工具。
對於擅長Server端程式開發的工程師而言，前端的CSS樣式語言，似乎不適那麼的習慣，常用的變數、判斷邏輯...等等，皆無法使用。
Scss正式解決此困境的好工具！Scss相關資訊請參閱 http://sass-lang.com/
Compass是此工具的Framework之一，相關介紹請參閱Compass官網 http://compass-style.org/
(繼續閱讀...)

大尾碎碎唸 發表在 痞客邦 留言(0) 人氣()

  • 個人分類： CSS
▲top
1
Blog Stats
⚠️

成人內容提醒

本部落格內容僅限年滿十八歲者瀏覽。
若您未滿十八歲，請立即離開。

已滿十八歲者，亦請勿將內容提供給未成年人士。