CSS Practice Questions

CSS Practice Questions

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

位教师：Treasure Porth

包含在 Coursera Plus 中

了解更多

4个模块

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

中级等级

推荐体验

3 小时完成

灵活的计划

自行安排学习进度

4个模块

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

中级等级

推荐体验

3 小时完成

灵活的计划

自行安排学习进度

您将学到什么

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.

涵盖的内容

1个作业11个插件

1个作业总计5分钟

Animations and Interactive Design Graded Assignment5分钟

11个插件总计38分钟

Challenge: Jeopardy Flashcard3分钟
Solution: Jeopardy Flashcard5分钟
Challenge: Loading Animation 32分钟
Solution: Loading Animation 33分钟
Challenge - Instagram Stories Menu3分钟
Solution - Instagram Stories Menu9分钟
Challenge - Animated Progress Bar1分钟
Solution - Animated Progress Bar4分钟
Challenge - Github Contributions Graph3分钟
Solution - Github Contributions Graph4分钟
Congrats, you've completed CSS Challenges!1分钟

获得职业证书

将此证书添加到您的 LinkedIn 个人资料、简历或履历中。在社交媒体和绩效考核中分享。

位教师

Treasure Porth

Scrimba

3 门课程6,532 名学生

提供方

Scrimba

从 Mobile and Web Development 浏览更多内容

状态：免费试用
Scrimba
Improve your CSS
专项课程
状态：免费试用
Scrimba
CSS
专项课程
状态：免费试用
Scrimba
Learn CSS Animations
课程
状态：免费试用
Scrimba
Learn HTML and CSS
课程

人们为什么选择 Coursera 来帮助自己实现职业发展

Felipe M.

自 2018开始学习的学生

''能够按照自己的速度和节奏学习课程是一次很棒的经历。只要符合自己的时间表和心情，我就可以学习。'

Jennifer J.

自 2020开始学习的学生

''我直接将从课程中学到的概念和技能应用到一个令人兴奋的新工作项目中。'

Larry W.

自 2021开始学习的学生

''如果我的大学不提供我需要的主题课程，Coursera 便是最好的去处之一。'

Chaitanya A.

''学习不仅仅是在工作中做的更好：它远不止于此。Coursera 让我无限制地学习。'

通过 Coursera Plus 开启新生涯

无限制访问 10,000+ 世界一流的课程、实践项目和就业就绪证书课程 - 所有这些都包含在您的订阅中

了解更多

通过在线学位推动您的职业生涯

获取世界一流大学的学位 - 100% 在线

探索学位

加入超过 3400 家选择 Coursera for Business 的全球公司

提升员工的技能，使其在数字经济中脱颖而出

了解更多

常见问题

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.

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.

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.