簡介:本課程著眼于介紹Compass擴展工具,通過這個工具來幫助你寫出更優秀的CSS。重點聚焦于Compass框架的應用,承接上一門課程《Sass與Compass必備技能之Sass》。課程結束后你會發現之前令你無比頭疼的CSS痛點問題都被迎刃而解了。
第2章 Compass核心模塊概述&Reset模塊
概述Compass的核心模塊,并深入到Reset模塊,提出更優的解決方案。
第4章 CSS3模塊&Browser Support模塊
跨瀏覽器的CSS3能力是如何實現的,瀏覽器支持如何通過Browser Support模塊進行配置。
第5章 Typography模塊
如何利用Typography修飾Links, Lists和Text,以及垂直韻律,內分兩個小節:《Typography模塊之Links,Lists和Text》《Typography模塊之垂直韻律》
第6章 Helpers模塊
Compass的內置函數初體驗, 如何在CSS中輕松的使用Base64內聯圖片,使用圖片的時候是不是最怕寫錯路徑,每次更新緩存怎么辦? Helper一一幫你解決掉。
第7章 Utilities模塊
內分三個小節:《Utilities模塊之Color,Print和Tables》: Utilities模塊中的Color,Print和Tables子模塊介紹;《Utilities模塊之General》: Utilities模塊中的General子模塊介紹;《Utilities模塊之Sprites》: 千呼萬喚始出來,如何利用Compass自動合圖。
第8章 課程總結
通過本課程我們切實了解了Compass,CSS至今已經發展了將近20個年頭,暮氣沉沉,Compass終將令其重煥青春。但Compass如何與現代Web開發中的集成解決方案相結合呢?敬請期待后續課程。