CSS Basics Skills Certification Test

- The assessment has a time limit.
- Do not use search engines or seek assistance from others.
- Once you've submitted an answer, you can go back.
- You may exit the test, but the timer will continue running.
- You have 1 attempts per assessment every 30 days.

What Skills Are We Testing?

This assessment covers a comprehensive range of CSS topics, including:

• CSS Fundamentals: Understanding the purpose of CSS, basic syntax, and how to integrate CSS with HTML (internal, inline, external stylesheets).
• Selectors: Your ability to target HTML elements using various selectors such as ID, class, element type, attribute selectors, pseudo-classes (e.g., :hover, :nth-child, :first-child), and combinators (e.g., descendant, child, adjacent sibling).
• The Box Model: Knowledge of margin, padding, border, content area, and the box-sizing property.
• Text and Font Styling: Manipulating text appearance through properties like font-family, font-size, color, text-transform, text-decoration, line-height, letter-spacing, font-weight, and font-style.
• Backgrounds: Applying and controlling background colors, images, repetition, size, and attachment.
• Layout Techniques:
  • Understanding element positioning (static, relative, absolute, fixed).
  • Using float and clear for layout.
  • Flexbox: Creating flexible one-dimensional layouts, including properties like display: flex, flex-direction, justify-content, align-items, and order.
  • CSS Grid: Building two-dimensional grid-based layouts, including display: grid, grid-template-columns, and grid-area.
• Responsive Design: Using media queries to create designs that adapt to different screen sizes and devices.
• Visual Effects & Properties: Working with opacity, box-shadow, text-shadow, border-radius, overflow, and cursor.
• Transitions and Transformations: Basic understanding of CSS transitions (e.g., transition property) and transformations (e.g., transform: rotate()).
• CSS Specificity and Cascade: How browsers determine which CSS rules apply, including the use of !important.
• Units and Functions: Use of various CSS units and functions like calc().
• Advanced Concepts: CSS variables (custom properties), @import rules, and pseudo-elements.

Before You Begin: Recommended Study Areas

To perform your best, we recommend you brush up on the following CSS concepts:

• Core Syntax and Selectors: Ensure you're comfortable with writing CSS rules and the different ways to select elements. Pay attention to specificity rules.
• Box Model Mastery: Review how margin, padding, and border interact, and the impact of box-sizing: border-box;.
• Layout Strategies: Revisit Flexbox and CSS Grid fundamentals, as these are crucial for modern web layout. Understand how position and float work.
• Responsive Principles: Make sure you understand how media queries function and how to use them effectively.
• Text and Visual Styling: Be familiar with common properties for styling text, backgrounds, borders, and adding simple visual effects like shadows or rounded corners.
• CSS Variables: Understand how to declare and use CSS custom properties.
• Transitions & Basic Animations: A quick review of how to create simple hover effects or transitions.

Good luck with your assessment!

Designers and web developers who have at least a basic knowledge of CSS and want to see where they currently stand.