为了账号安全,请及时绑定邮箱和手机立即绑定

Sass和Compass必备技能之Compass

难度中级
时长 2小时42分
学习人数
综合评分97.3
33人评价 查看评价
9.9 内容实用
9.7 简洁易懂
9.6 逻辑清晰
简介:本课程着眼于介绍Compass扩展工具,通过这个工具来帮助你写出更优秀的CSS。重点聚焦于Compass框架的应用,承接上一门课程《Sass与Compass必备技能之Sass》。课程结束后你会发现之前令你无比头疼的CSS痛点问题都被迎刃而解了。

第1章 课程介绍

本课程将聚焦于Compass框架的应用,承接上一门课程《Sass与Compass必备技能之Sass》

第2章 Compass核心模块概述&Reset模块

概述Compass的核心模块,并深入到Reset模块,提出更优的解决方案。

第3章 Layout模块

如何使用Layout模块来迅速的布局页面。

第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开发中的集成解决方案相结合呢?敬请期待后续课程。
课程须知
如果你对CSS一无所知,我建议你先学习CSS的相关知识。如果你想一步登天,那么你必将摔得体无完肤。
老师告诉你能学到什么?
1.掌握如何使用Compass写出更优秀的CSS。 2.痛殴CSS编写过程中,这么多年的拦路虎,比如说精灵图自动合图,属性的浏览器前缀处理。 3.在项目的开发,生产周期内,使用的样式,图片,字体等内容,如何更好的组织起来。
意见反馈 邀请有奖 帮助中心 APP下载
官方微信