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