课程名称:六个案例学会响应式布局
课程地址:https://www.imooc.com/learn/1285
简介:主要学习媒体查询、flex弹性布局及伸缩比例的计算,通过rem作为度量单位进行弹性布局的方法
我的评价:★★★★☆
课程名称:十天精通 CSS3
课程地址:https://www.imooc.com/learn/33
备注:该课程为文字教程,非视频
简介:本课程为 CSS3 教程,对于有一定 CSS2 经验的伙伴,能让您系统的学习 CSS3,快速的理解掌握并应用于工作之中。在学习教程的过程中实例演示结合在线编程完成任务的方式来学习,相信自己动手会让你理解的更快,本教程能够让您学习效果更好!
讲师:大漠 https://www.imooc.com/t/104044
我的评价:★★★★★
课程名称:带你走入前端动画的世界
课程地址:https://www.imooc.com/learn/1190
简介:课程主要讲解了css3动画基础,时间函数的应用,并且结合js开发优美的过渡效果,多方面结合,带领大家进入前端动画的大门。
我的评价:★★★★☆
教程名称:Sass进阶篇
教程地址:http://www.imooc.com/learn/436
简介:Sass又名SCSS,是CSS预处理器之一,它能让你更好的、更轻松的工作。这个系列教程是《sass基础篇》课程的进级,对Sass其它较有难度的部分进行讲解,包括常用控制命令、函数及规律。
讲师:大漠-https://www.imooc.com/t/104044
我的评价:★★★★★
教程名称:Sass入门篇
教程地址:http://www.imooc.com/learn/311
简介:本课程为Sass教程入门篇,Sass又名SCSS,是CSS预处理器之一,它能让你更好的、更轻松的工作。这个Sass教程主要适合前端开发人员,能帮助前端开发人员快速的掌握Sass,并且直接运用于实际项目当中。
讲师:大漠-https://www.imooc.com/t/104044
我的评价:★★★★★
视频名称:less即学即用
视频地址:https://www.imooc.com/learn/102
简介:通过本教程,我们学习和理解了less的基本语法和使用场景。并且结合实际的例子,为我们在实战项目中编写css样式带来了很大方便。
老师告诉你能学到什么:教程中介绍less作为css预处理语言的功能和特性,以及less的编译工具、变量的概念以及用法、如何使用嵌套写法来编写层叠样式、自带的函数以及用法,比如color函数、Math函数、讲解less如何编写不被编译的内容,以及在less中如何使用JavaScript表达式等等。
讲师:Busy https://www.imooc.com/u/114418/courses
我的评价:★★★★★
注意:本课程为在线练习,非视频
教程名称:初识 HTML+CSS
教程地址:https://www.imooc.com/learn/9
简介:本课程从最基本的概念开始讲起,步步深入,带领大家学习 HTML、CSS 样式基础知识,了解各种常用标签的意义以及基本用法,后半部分教程主要讲解 CSS 样式代码添加,为后面的案例课程打下基础。
作者:慕课官方号
我的评价:★★★★★
课程名称:HTML5+CSS3实现春节贺卡
课程地址:https://www.imooc.com/learn/597
简介:以春节为主题,通过一个简单的春节手机端祝贺页面的实例演示,并通过对案例进行拆分和讲解,让您对手机端简易网站从零建站有一个简单的认识,并让您可以独立开发简单的手机端小型展示网页。
讲师:爱米
讲师项目演示地址:https://www.imooc.com/activity/project1
我的评价:★★★★★
我的代码:https://github.com/ChouBaoDxs/imooc-spring-festival-greeting-card
视频名称:Grid布局基础
视频地址:http://www.imooc.com/learn/1111
简介:本课程带领大家学习新一代的网页布局方案,弥补了之前网页布局的很多不足。CSS网格布局(又名“网格”)是一个二维的基于网格的布局系统,其目的只在于完全改变我们设计基于网格的用户界面的方式。
讲师:爱米-https://www.imooc.com/u/2375888/courses?sort=publish
我的评价:★★★★★
参考文章:
阮一峰-Flex 布局教程:语法篇
阮一峰-Flex 布局教程:实例篇
3 分钟看懂 Flex 布局
Flex 效果速查:http://cssreference.parryqiu.com/flexbox/