HTML/CSS Skill Assessment

Written by Coursera • Updated on Dec 16, 2024

Test your HTML and CSS skills with this quick assessment. Answer 10 multiple-choice questions to get your score, then check the Scoring Guide to find your level and recommended learning path.

HTML/CSS Skill Quiz

1. What is the semantic difference between <div> and <section>?

2. Which CSS selector has the highest specificity?

3. What is the difference between display: none and visibility: hidden?

4. What is the purpose of CSS Grid's fr unit?

5. What's the difference between em and rem?

6. Which CSS property creates a new stacking context?

7. What is the purpose of the HTML srcset attribute?

8. Which flexbox property aligns items on the cross-axis?

9. What is CSS custom property (variable) syntax?

10. What is the purpose of the picture element?

Scoring Guide & Course Recommendations

0-30: Beginner Level

Skill Level: New to HTML/CSS
Recommended Coursera Courses:
1. HTML, CSS, and Javascript for Web Developers by Johns Hopkins University
  - HTML and CSS fundamentals
  - Dynamic web applications development
2. HTML and CSS in Depth by Meta
  - Design principles
  - CSS styling

40-70: Intermediate Level

Skill Level: Familiar with basics, ready for advanced concepts
Recommended Coursera Courses:
1. Advanced Styling with Responsive Designby University of Michigan
  - Advanced responsive techniques
  - Flexbox and Grid
  - CSS architecture
2. CSS Variables by Scrimba
  - Efficient CSS management
  - Dynamic styling techniques
3. Beyond Basic CSS: Typography, Color, Effects, Animation by UC Davis
  - CSS animations and effects
  - Advanced typography and color theory
4. CSS Animations by Scrimba
  - Timing and transitions
  - Transform properties and customizing transitions

80-100: Advanced Level

Skill Level: Experienced HTML/CSS developer
Recommended Coursera Courses:
1. Advanced Styling with Responsive Design by University of Michigan
  - Advanced responsive design
  - Responsive design implementation
2. Build Real-World Websites Using HTML5, CSS3, Sass and more by Packt
  - Advanced web layout techniques
  - Efficient styling with Sass

Skills Covered by Level

Beginner Level

HTML structure
Basic CSS selectors
Colors and typography
Basic layouts
Simple responsive design
Basic forms

Intermediate Level

Flexbox and Grid
Advanced selectors
Responsive images
CSS animations
Sass/SCSS
CSS methodologies

Advanced Level

Complex layouts
CSS architecture
Performance optimization
Advanced animations
CSS custom properties
Modern CSS features

Career Paths

Beginner Level: Junior Frontend Developer, HTML/CSS Developer, Web Content Specialist
Intermediate Level: Frontend Developer, UI Developer, Email Developer
Advanced Level: Senior Frontend Developer, UI Architect, CSS Specialist

Key Technologies to Learn

HTML5
CSS3
Sass/SCSS
CSS Modules
CSS-in-JS
CSS frameworks (Tailwind, Bootstrap)

Updated on Dec 16, 2024

Written by:

Coursera

Writer

Coursera is the global online learning platform that offers anyone, anywhere access to online course...

This content has been made available for informational purposes only. Learners are advised to conduct additional research to ensure that courses and other credentials pursued meet their personal, professional, and financial goals.