Course: CSS


Topic: CSS Styling Properties Quiz

Total Time: 5 Minutes

Difficulty Level: medium


CSS Quiz Instructions

Welcome to the CSS Text Effects Quiz.

This quiz tests your understanding of text effects in CSS, which are used to enhance the appearance of text and make web pages more visually engaging. CSS provides various properties like text-shadow, text-overflow, word-wrap, word-break, and writing-mode to create different text effects and control text behavior. These effects help improve readability, highlight important content, and create modern UI designs. Learning text effects allows you to add style and creativity to your web pages while maintaining clarity. Read the instructions carefully before you begin the quiz.

Quiz Format

  • Total Questions: 10

  • Difficulty Level: Medium

  • Question Type: Multiple Choice

  • Each question has one correct answer.

Timing

  • Total time limit: 5 minutes

  • Answer steadily and avoid spending too much time on any single question.

Scoring

  • Each correct answer = +1 point

  • No negative marking

  • Maximum Score = 10 points

How to Play

  • Read each question carefully and review the HTML and CSS code examples provided.

  • Understand how text-shadow creates shadow effects.

  • Learn how text-overflow handles overflow text.

  • Focus on properties like word-wrap and word-break.

  • Observe how text direction and layout can be changed.

  • Identify correct and incorrect text effect usage.

  • Pay attention to readability and design impact.

  • Understand how effects enhance user experience.

  • Choose the option that best represents correct CSS text effect behavior.

  • Once you move to the next question, you cannot return to previous ones.

Rules

  • Do not refresh or close the quiz window during the attempt.

  • Avoid using notes, books, or online references.

  • Keep track of the remaining time during the quiz.

Before You Start

After Submission

  • Your score will be displayed instantly.

  • Review the correct answers to understand mistakes.

  • This will help you confidently apply text effects in CSS.

Go Back Top