为了账号安全,请及时绑定邮箱和手机立即绑定
简介:本课程着眼于介绍Compass扩展工具,通过这个工具来帮助你写出更优秀的CSS。重点聚焦于Compass框架的应用,承接上一门课程《Sass与Compass必备技能之Sass》。课程结束后你会发现之前令你无比头疼的CSS痛点问题都被迎刃而解了。

1章 课程介绍

本课程将聚焦于Compass框架的应用,承接上一门课程《Sass与Compass必备技能之Sass》
  1. 1-1 课程介绍 (01:20)

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

概述Compass的核心模块,并深入到Reset模块,提出更优的解决方案。
  1. 2-1 Compass核心模块概述&Reset模块 (19:35)

3章 Layout模块

如何使用Layout模块来迅速的布局页面。
  1. 3-1 Layout模块 (09:35)

4章 CSS3模块&Browser Support模块

跨浏览器的CSS3能力是如何实现的,浏览器支持如何通过Browser Support模块进行配置。
  1. 4-1 CSS3模块&Browser Support模块 (14:03)

5章 Typography模块

如何利用Typography修饰Links, Lists和Text,以及垂直韵律,内分两个小节:《Typography模块之Links,Lists和Text》《Typography模块之垂直韵律》
  1. 5-1 Typography模块(上) (20:08)
  2. 5-2 Typography模块(下) (13:04)

6章 Helpers模块

Compass的内置函数初体验, 如何在CSS中轻松的使用Base64内联图片,使用图片的时候是不是最怕写错路径,每次更新缓存怎么办? Helper一一帮你解决掉。
  1. 6-1 Helpers模块(上) (11:13)
  2. 6-2 Helpers模块(下) (13:08)

7章 Utilities模块

内分三个小节:《Utilities模块之Color,Print和Tables》: Utilities模块中的Color,Print和Tables子模块介绍;《Utilities模块之General》: Utilities模块中的General子模块介绍;《Utilities模块之Sprites》: 千呼万唤始出来,如何利用Compass自动合图。
  1. 7-1 compass-utilities-1 (16:52)
  2. 7-2 compass-utilities-2 (18:48)
  3. 7-3 compass-utilities-3 (21:53)

8章 课程总结

通过本课程我们切实了解了Compass,CSS至今已经发展了将近20个年头,暮气沉沉,Compass终将令其重焕青春。但Compass如何与现代Web开发中的集成解决方案相结合呢?敬请期待后续课程。
  1. 8-1 课程总结 (01:24)
课程须知
如果你对CSS一无所知,我建议你先学习CSS的相关知识。如果你想一步登天,那么你必将摔得体无完肤。
老师告诉你能学到什么?
1.掌握如何使用Compass写出更优秀的CSS。 2.痛殴CSS编写过程中,这么多年的拦路虎,比如说精灵图自动合图,属性的浏览器前缀处理。 3.在项目的开发,生产周期内,使用的样式,图片,字体等内容,如何更好的组织起来。
意见反馈 常见问题 APP下载
官方微信

w88

百度360搜索搜狗搜索