When will I have access to the lectures and assignments?

To access the course materials, assignments and to earn a Certificate, you will need to purchase the Certificate experience when you enroll in a course. You can try a Free Trial instead, or apply for Financial Aid. The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.

What will I get if I subscribe to this Specialization?

When you enroll in the course, you get access to all of the courses in the Specialization, and you earn a certificate when you complete the work. Your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile.

Is financial aid available?

Yes. In select learning programs, you can apply for financial aid or a scholarship if you can’t afford the enrollment fee. If fin aid or scholarship is available for your learning program selection, you’ll find a link to apply on the description page.

CSS Practice Questions

CSS Practice Questions

本课程是 Improve your CSS 专项课程的一部分

位教师：Treasure Porth

包含在中

了解更多

4个模块

深入了解一个主题并学习基础知识。

中级等级

推荐体验

4 小时完成

灵活的计划

自行安排学习进度

4个模块

深入了解一个主题并学习基础知识。

中级等级

推荐体验

4 小时完成

灵活的计划

自行安排学习进度

您将学到什么

The core concepts of CSS, including layout, positioning, and responsive design.
How to use CSS animations, transitions, and transforms to bring web pages to life.
How to craft common design patterns with CSS.

您将获得的技能

您将学习的工具

要了解的详细信息

可分享的证书

添加到您的领英档案

作业

4 项作业

授课语言：英语（English）

了解顶级公司的员工如何掌握热门技能

了解关于 Coursera for Business 的更多信息

Petrobras, TATA, Danone, Capgemini, P&G 和 L'Oreal 的徽标

积累特定领域的专业知识

本课程是 Improve your CSS 专项课程专项课程的一部分

在注册此课程时，您还会同时注册此专项课程。

向行业专家学习新概念
获得对主题或工具的基础理解
通过实践项目培养工作相关技能
获得可共享的职业证书

该课程共有4个模块

Find out how well you really know CSS with our bumper-pack of challenges. Recreate components and layouts from popular applications like Github, Codepen, and Instagram, and build loading animations, progress bars, flashcards and more using pure CSS!

This hands-on course will guide you through engaging challenges covering a wide range of CSS techniques. Along the way, you'll refresh and refine your knowledge of all the key CSS features, from transitions and pseudo-elements to hover effects, keyframe animations, and much more! Looking for practical CSS experience? This course has that, too! You'll put your knowledge to the test by recreating instantly-recognizable components from sites such as Github, Codepen, and Instagram. After completing each challenge, you'll compare your solution with the one provided by our in-house CSS expert. This experience is akin to pair programming, allowing you to learn from their expertise and gain valuable insights. By the end of this course, you will not only have a comprehensive understanding of CSS but also have gained practical experience in recreating components from well-known apps from around the web. This knowledge will equip you to tackle any CSS challenge with confidence. CSS knowledge at the ready? Let's get started.

单元详情

Kickstart your CSS journey with hands-on UI challenges including buttons, animated search bars, and visual layout exercises. These projects reinforce fundamental concepts such as color, spacing, and simple motion effects.

涵盖的内容

1个作业16个插件

1个作业总计30分钟

CSS Basics with Creative Challenges Graded Assignment30分钟

16个插件总计42分钟

Welcome to CSS Challenges!3分钟
Welcome to interactive lessons!1分钟
Challenge: Colorful Button2分钟
Solution: Colorful Button6分钟
Challenge: Expanding Search Bar2分钟
Solution: Expanding Search Bar4分钟
Challenge: Codepen Tile2分钟
Solution: Codepen Tile6分钟
Challenge: Loading Animation 11分钟
Solution: Loading Animation 13分钟
Challenge: Loading Animation 21分钟
Solution: Loading Animation 22分钟
Challenge: Archery Target1分钟
Solution: Archery Target3分钟
Challenge: Word Carousel1分钟
Solution: Word Carousel4分钟

Practice CSS layout, positioning, and color skills by building national flags.

涵盖的内容

1个作业14个插件

1个作业总计15分钟

National Flag Designs Graded Assignment15分钟

14个插件总计40分钟

Challenge: Flag of France3分钟
Solution: Flag of France4分钟
Challenge: Flag of Germany1分钟
Solution: Flag of Germany2分钟
Challenge: Flag of Madagascar1分钟
Solution: Flag of Madagascar5分钟
Challenge: Flag of Switzerland2分钟
Solution: Flag of Switzerland4分钟
Challenge: Flag of Japan1分钟
Solution: Flag of Japan3分钟
Challenge: Flag of Sweden2分钟
Solution: Flag of Sweden6分钟
Challenge: Flag of Niger2分钟
Solution: Flag of Niger4分钟

Take on more intricate layouts and reusable components with challenges including GitHub profiles and toggle switches.

涵盖的内容

1个作业10个插件

1个作业总计10分钟

Advanced Layouts and UI Components Graded Assignment10分钟

10个插件总计32分钟

Challenge - Github Profile Layout3分钟
Solution - Github Profile Layout5分钟
Challenge - Toggle Switch3分钟
Solution: Toggle Switch6分钟
Challenge: Playing Card - Ace of Spades1分钟
Solution: Playing Card - Ace of Spades3分钟
Challenge: Playing Card - 4 of Hearts1分钟
Solution: Playing Card - 4 of Hearts5分钟
Challenge: Adjustable Progress Bar2分钟
Solution: Adjustable Progress Bar3分钟

Push your CSS skills further by building animated progress bars, interactive flashcards, and sleek navigation menus. Recreate polished UI elements including the Instagram Stories Menu, Jeopardy-style Flashcard, and the GitHub Contributions Graph, while mastering smooth animations and user-focused interactions.