HTML/CSS Skill Assessment

Written by Coursera • Updated on

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 Assessment
HTML Skill Assessment

HTML/CSS Skill Quiz

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

No difference
<section> represents a thematic grouping of content, <div> is for general grouping
<section> is newer than <div>
<div> is for text only

2. Which CSS selector has the highest specificity?

.header
#header
header
[class="header"]

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

No difference
display: none removes from flow, visibility: hidden keeps space
visibility: hidden is faster
display: none is only for images

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

Fixed pixel size
Fractional unit of remaining space
Font relative unit
Flex relative unit

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

No difference
em is relative to parent, rem is relative to root
rem is for margins only
em is deprecated

6. Which CSS property creates a new stacking context?

display: block
position: relative
z-index on positioned element
margin: auto

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

To specify multiple source files
To serve different image sizes based on device characteristics
To set image source
To create image sets

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

justify-content
align-items
flex-direction
flex-wrap

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

$variable
--variable
@variable
_variable

10. What is the purpose of the picture element?

To display images
To provide multiple sources for responsive images and art direction
To create galleries
To optimize images

Scoring Guide & Course Recommendations

0-30: Beginner Level

40-70: Intermediate Level

80-100: Advanced Level

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
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.